diff --git a/src/lib/components/AppShell.svelte b/src/lib/components/AppShell.svelte
index 7f5f52b..5e490c3 100644
--- a/src/lib/components/AppShell.svelte
+++ b/src/lib/components/AppShell.svelte
@@ -79,7 +79,7 @@
         <WalletCardsIcon class="size-5 shrink-0 group-data-[collapsible=icon]:size-[22px]" />
         <div class="min-w-0 group-data-[collapsible=icon]:hidden">
           <strong class="block truncate text-sm">{dashboard.session?.merchant.displayName}</strong>
-          <span class="block truncate text-[11px] text-white/75">حساب تحلیل پذیرنده</span>
+          <span class="text-primary-foreground/70 block truncate text-[11px]">حساب تحلیل پذیرنده</span>
         </div>
       </div>
       <div class="group-data-[collapsible=icon]:hidden">
diff --git a/src/lib/components/Login.svelte b/src/lib/components/Login.svelte
index 43c2d8f..1b48edd 100644
--- a/src/lib/components/Login.svelte
+++ b/src/lib/components/Login.svelte
@@ -30,7 +30,7 @@
   <section
     class="relative hidden overflow-hidden bg-[#19191a] p-14 text-white lg:flex lg:flex-col lg:justify-between"
   >
-    <div class="absolute -top-20 -left-20 size-80 rounded-full bg-[#0a33ff] opacity-30 blur-3xl"></div>
+    <div class="bg-primary absolute -top-20 -left-20 size-80 rounded-full opacity-30 blur-3xl"></div>
     <div class="relative flex items-center gap-3 text-xl font-bold">
       <span class="grid size-11 place-items-center rounded-xl bg-[#ffd400] text-[#19191a]">ز</span>
       تحلیل عملکرد زرین‌پال