dark mode

web/src/app/login/page.tsx

@@ -35,6 +35,7 @@ import { toast } from 'sonner';
 import { useTranslation } from 'react-i18next';
 import i18n from '@/i18n';
 import Link from 'next/link';
+import { ThemeToggle } from '@/components/ui/theme-toggle';
 
 const formSchema = (t: (key: string) => string) =>
   z.object({
@@ -155,10 +156,11 @@ export default function Login() {
   }
 
   return (
-    <div className="min-h-screen flex items-center justify-center bg-gray-50">
-      <Card className="w-[375px]">
+    <div className="min-h-screen flex items-center justify-center bg-gray-50 dark:dark:bg-neutral-900">
+      <Card className="w-[375px] shadow-lg dark:shadow-white/10">
         <CardHeader>
-          <div className="flex justify-end mb-6">
+          <div className="flex justify-between items-center mb-6">
+            <ThemeToggle />
             <Select
               value={currentLanguage}
               onValueChange={handleLanguageChange}