From 447e56c6d1d283a8e07f5c478f3d5d3ee0bdfd5b Mon Sep 17 00:00:00 2001
From: Samuel Shuert <me@thecoded.prof>
Date: Tue, 30 Jun 2026 21:05:19 +0000
Subject: [PATCH] feat(frontend): add light/dark mode switches

---
 frontend/app/login/page.tsx | 20 +++++++++++++++++++-
 1 file changed, 19 insertions(+), 1 deletion(-)

diff --git a/frontend/app/login/page.tsx b/frontend/app/login/page.tsx
index 2c70562..9f94511 100644
--- a/frontend/app/login/page.tsx
+++ b/frontend/app/login/page.tsx
@@ -5,6 +5,7 @@ import { useRouter } from "next/navigation"
 import { zodResolver } from "@hookform/resolvers/zod"
 import { useForm } from "react-hook-form"
 import * as z from "zod"
+import { useTheme } from "next-themes"
 
 import { Button } from "@/components/ui/button"
 import {
@@ -22,6 +23,7 @@ import {
   FieldLabel,
 } from "@/components/ui/field"
 import { Input } from "@/components/ui/input"
+import { Moon, Sun } from "lucide-react"
 
 const schema = z.object({
   username: z.string().min(1, { message: "Username is required." }),
@@ -33,6 +35,7 @@ type FormValues = z.infer<typeof schema>
 export default function LoginPage() {
   const router = useRouter()
   const [serverError, setServerError] = useState<string | null>(null)
+  const { resolvedTheme, setTheme } = useTheme()
 
   const {
     register,
@@ -66,7 +69,22 @@ export default function LoginPage() {
     <div className="flex min-h-screen items-center justify-center bg-muted/40 p-4">
       <Card className="w-full max-w-sm">
         <CardHeader>
-          <CardTitle className="text-2xl">Sign in</CardTitle>
+          <CardTitle className="flex items-center justify-between text-2xl">
+            Sign in{" "}
+            <Button
+              variant="ghost"
+              size="icon"
+              onClick={() =>
+                setTheme(resolvedTheme === "dark" ? "light" : "dark")
+              }
+            >
+              {resolvedTheme === "dark" ? (
+                <Sun className="h-4 w-4" />
+              ) : (
+                <Moon className="h-4 w-4" />
+              )}
+            </Button>
+          </CardTitle>
           <CardDescription>
             Enter your credentials to access the dashboard.
           </CardDescription>
-- 
2.51.2