From afa0cec88bce7922f6f188a53311c0a430d6ccfc Mon Sep 17 00:00:00 2001
From: Usman Baig <mubaig@pm.me>
Date: Sun, 22 Feb 2026 00:46:17 +0100
Subject: [PATCH] style: update loading state background colors for improved
 visual consistency

---
 app/page.tsx | 8 ++++----
 1 file changed, 4 insertions(+), 4 deletions(-)

diff --git a/app/page.tsx b/app/page.tsx
index fe41272..053d5cb 100644
--- a/app/page.tsx
+++ b/app/page.tsx
@@ -416,10 +416,10 @@ export default function HomePage() {
           <p className="text-sm text-brand-orange">Plan & usage</p>
           {subscriptionLoading ? (
             <div className="animate-pulse space-y-2">
-              <div className="h-6 w-24 rounded bg-brand-orange/20" />
-              <div className="h-4 w-full rounded bg-brand-orange/10" />
-              <div className="h-4 w-3/4 rounded bg-brand-orange/10" />
-              <div className="h-4 w-20 rounded bg-brand-orange/10 pt-2" />
+              <div className="h-6 w-24 rounded bg-neutral-100 dark:bg-neutral-800" />
+              <div className="h-4 w-full rounded bg-neutral-100 dark:bg-neutral-800" />
+              <div className="h-4 w-3/4 rounded bg-neutral-100 dark:bg-neutral-800" />
+              <div className="h-4 w-20 rounded bg-neutral-100 dark:bg-neutral-800 pt-2" />
             </div>
           ) : subscription ? (
             <>