From a13a227e20f2890dec4a361b8fc68dda5adc5d22 Mon Sep 17 00:00:00 2001
From: Mohamed Bassem <me@mbassem.com>
Date: Thu, 27 Nov 2025 23:12:22 +0000
Subject: fix: fix colors in invitation form

---
 apps/web/app/invite/[token]/page.tsx            |  2 +-
 apps/web/components/invite/InviteAcceptForm.tsx | 12 ++++++------
 2 files changed, 7 insertions(+), 7 deletions(-)

(limited to 'apps')

diff --git a/apps/web/app/invite/[token]/page.tsx b/apps/web/app/invite/[token]/page.tsx
index 874146fc..caa04056 100644
--- a/apps/web/app/invite/[token]/page.tsx
+++ b/apps/web/app/invite/[token]/page.tsx
@@ -16,7 +16,7 @@ export default async function InvitePage({ params }: InvitePageProps) {
   }
 
   return (
-    <div className="flex min-h-screen items-center justify-center bg-gray-50 px-4 py-12 sm:px-6 lg:px-8">
+    <div className="flex min-h-screen items-center justify-center bg-background px-4 py-12 sm:px-6 lg:px-8">
       <div className="w-full max-w-md space-y-8">
         <div className="flex items-center justify-center">
           <KarakeepLogo height={80} />
diff --git a/apps/web/components/invite/InviteAcceptForm.tsx b/apps/web/components/invite/InviteAcceptForm.tsx
index dcebed73..95a0e1eb 100644
--- a/apps/web/components/invite/InviteAcceptForm.tsx
+++ b/apps/web/components/invite/InviteAcceptForm.tsx
@@ -86,7 +86,7 @@ export default function InviteAcceptForm({ token }: InviteAcceptFormProps) {
         </CardHeader>
         <CardContent className="space-y-4">
           <div className="flex items-center justify-center">
-            <Loader2 className="h-8 w-8 animate-spin text-blue-600" />
+            <Loader2 className="h-8 w-8 animate-spin text-primary" />
           </div>
         </CardContent>
       </Card>
@@ -141,7 +141,7 @@ export default function InviteAcceptForm({ token }: InviteAcceptFormProps) {
           </div>
 
           <div className="space-y-2 text-center">
-            <p className="text-sm text-gray-600">
+            <p className="text-sm text-muted-foreground">
               Please contact an administrator to request a new invitation.
             </p>
           </div>
@@ -170,15 +170,15 @@ export default function InviteAcceptForm({ token }: InviteAcceptFormProps) {
       </CardHeader>
       <CardContent className="space-y-6">
         <div className="flex items-center justify-center">
-          <UserPlus className="h-12 w-12 text-blue-600" />
+          <UserPlus className="h-12 w-12 text-primary" />
         </div>
 
         <div className="space-y-2 text-center">
           <div className="flex items-center justify-center space-x-2">
-            <Mail className="h-4 w-4 text-gray-500" />
-            <p className="text-sm text-gray-600">Invited email:</p>
+            <Mail className="h-4 w-4 text-muted-foreground" />
+            <p className="text-sm text-muted-foreground">Invited email:</p>
           </div>
-          <p className="font-medium text-gray-900">{inviteData.email}</p>
+          <p className="font-medium text-foreground">{inviteData.email}</p>
         </div>
 
         <Form {...form}>
-- 
cgit v1.2.3-70-g09d2