fix(v4): dark mode

apps/v4/app/globals.css

@@ -109,7 +109,7 @@
 
 .theme-login-three {
   --primary: #22c55e;
-  --primary-foreground: #fff;
+  --primary-foreground: #000;
   --ring: #22c55e;
   --radius: 1.5rem;
 
@@ -122,6 +122,10 @@
   [data-slot="card"] {
     @apply shadow-xl;
   }
+
+  [data-slot="input"] {
+    @apply dark:bg-input;
+  }
 }
 
 @theme inline {

apps/v4/components/login-form.tsx

@@ -97,7 +97,7 @@ export function LoginForm({
                 fill
                 src={imageUrl}
                 alt="Image"
-                className="absolute inset-0 h-full w-full object-cover dark:brightness-[0.2] dark:grayscale"
+                className="absolute inset-0 h-full w-full object-cover"
               />
             )}
           </div>