submitting card auth ui

Author: tnylea

resources/css/app.css

@@ -66,6 +66,7 @@
   color utility to any element that depends on these defaults.
 */
 @layer base {
+
     *,
     ::after,
     ::before,
@@ -122,7 +123,7 @@
     --primary-foreground: hsl(0, 0%, 9%);
     --secondary: hsl(0, 0%, 14.9%);
     --secondary-foreground: hsl(0, 0%, 98%);
-    --muted: hsl(0, 0%, 14.9%);
+    --muted: hsl(0, 0%, 6.9%);
     --muted-foreground: hsl(0, 0%, 63.9%);
     --accent: hsl(0, 0%, 14.9%);
     --accent-foreground: hsl(0, 0%, 98%);
@@ -154,4 +155,4 @@
     body {
         @apply bg-background text-foreground;
     }
-}
+}

resources/js/layouts/auth/auth-card-layout.tsx

@@ -16,7 +16,7 @@ export default function AuthCardLayout({
             <div className="flex w-full max-w-md flex-col gap-6">
                 <a href="#" className="flex items-center gap-2 self-center font-medium">
                     <div className="flex h-9 w-9 items-center justify-center">
-                        <AppLogoIcon className="size-9 fill-current text-black" />
+                        <AppLogoIcon className="size-9 fill-current text-black dark:text-white" />
                     </div>
                 </a>