From 574462a275ecafe98beb15b62423df2f8ab5e04c Mon Sep 17 00:00:00 2001
From: Usman Baig <mubaig@pm.me>
Date: Sun, 22 Feb 2026 00:49:33 +0100
Subject: [PATCH] style: update loading state background colors to brand colors
 for enhanced visual consistency

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

diff --git a/app/page.tsx b/app/page.tsx
index 053d5cb..15cc2ae 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-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 className="h-6 w-24 rounded bg-brand-orange/25 dark:bg-brand-orange/20" />
+              <div className="h-4 w-full rounded bg-brand-orange/25 dark:bg-brand-orange/20" />
+              <div className="h-4 w-3/4 rounded bg-brand-orange/25 dark:bg-brand-orange/20" />
+              <div className="h-4 w-20 rounded bg-brand-orange/25 dark:bg-brand-orange/20 pt-2" />
             </div>
           ) : subscription ? (
             <>