From 98b376132d1139fb44903664472bab192289d196 Mon Sep 17 00:00:00 2001
From: Sarthak Agrawal <sarthakagrawal927@gmail.com>
Date: Sun, 11 Oct 2026 22:12:02 +0530
Subject: [PATCH] feat(login): rust accent on eyebrow, primary button and
 spinner to match the landing

Co-Authored-By: Claude Sonnet 5.5 <noreply@anthropic.com>
---
 src/components/LoginClient.tsx | 8 ++++----
 1 file changed, 4 insertions(+), 4 deletions(-)

diff --git a/src/components/LoginClient.tsx b/src/components/LoginClient.tsx
index 3bbd1e6..6df8cd1 100644
--- a/src/components/LoginClient.tsx
+++ b/src/components/LoginClient.tsx
@@ -58,7 +58,7 @@ export default function LoginClient() {
     return (
       <div className="flex min-h-screen items-center justify-center bg-[#09090B]">
         <div className="text-center">
-          <div className="mx-auto mb-4 h-8 w-8 animate-spin rounded-full border-b-2 border-[var(--accent-10)]" />
+          <div className="mx-auto mb-4 h-8 w-8 animate-spin rounded-full border-b-2 border-[var(--accent-8)]" />
           <p className="text-[var(--gray-11)]">Loading your library...</p>
         </div>
       </div>
@@ -69,7 +69,7 @@ export default function LoginClient() {
     <div className="flex min-h-screen flex-col items-center justify-center gap-10 bg-[#09090B] p-8 lg:flex-row lg:items-center lg:gap-16">
       <div className="w-full max-w-md rounded-xl border border-[var(--gray-5)] bg-[var(--gray-2)]/85 p-8 text-center shadow-[0_24px_90px_rgba(0,0,0,0.35)]">
         <div className="mb-8">
-          <p className="mb-2 text-sm font-medium tracking-wide text-[var(--gray-11)] uppercase">
+          <p className="mb-2 text-sm font-medium tracking-wide text-[var(--accent-8)] uppercase">
             Saved-link inbox
           </p>
           <h1 className="text-4xl font-bold text-[var(--gray-12)]">Reader</h1>
@@ -82,11 +82,11 @@ export default function LoginClient() {
           size="lg"
           onClick={handleSignIn}
           disabled={signingIn}
-          className="w-full justify-center"
+          className="w-full justify-center bg-[var(--accent-8)]! text-[#09090B]! hover:bg-[var(--accent-11)]! focus-visible:ring-[var(--accent-8)]"
         >
           {signingIn ? (
             <span className="flex items-center justify-center gap-2">
-              <span className="h-4 w-4 animate-spin rounded-full border-2 border-white border-t-transparent" />
+              <span className="h-4 w-4 animate-spin rounded-full border-2 border-current border-t-transparent" />
               Signing in...
             </span>
           ) : (