Update page.tsx

Author: rammurmu

src/app/login/page.tsx

@@ -57,7 +57,7 @@ export default function LoginPage() {
             required
             value={userOrEmail}
             onChange={e => setUserOrEmail(e.target.value)}
-            className="px-3 py-2 rounded border border-gray-300 dark:border-gray-700 bg-gray-50 dark:bg-gray-800 focus:outline-none focus:ring-2 focus:ring-blue-400"
+            className="px-3 py-2 rounded border border-gray-300 dark:border-gray-700 bg-gray-50 dark:bg-black focus:outline-none focus:ring-2 focus:ring-blue-400"
             placeholder="Username or Email address"
           />
 
@@ -71,14 +71,14 @@ export default function LoginPage() {
             required
             value={password}
             onChange={e => setPassword(e.target.value)}
-            className="px-3 py-2 rounded border border-gray-300 dark:border-gray-700 bg-gray-50 dark:bg-gray-800 focus:outline-none focus:ring-2 focus:ring-purple-400"
+            className="px-3 py-2 rounded border border-gray-300 dark:border-gray-700 bg-gray-50 dark:bg-black focus:outline-none focus:ring-2 focus:ring-purple-400"
             placeholder="Password"
           />
 
           <button
             type="submit"
             disabled={loading}
-            className="mt-4 w-full py-2 rounded bg-black dark:bg-gray-700 text-white font-semibold shadow hover:from-blue-600 hover:to-purple-600 transition"
+            className="mt-4 w-full py-2 rounded bg-black dark:bg-white dark:text-black text-white font-semibold shadow hover:from-blue-600 hover:to-purple-600 transition"
           >
             {loading ? "Logging in..." : "Login"}
           </button>