light and dark mode fixed and default mode is the default unless you pick Spidey mode

src/app/api/auth/login/route.ts

@@ -12,6 +12,7 @@ import {
   setSessionContext,
   SESSION_COOKIE,
 } from "@/lib/auth"
+import { query } from "@/lib/db"
 
 function jsonResponse(data: unknown, status: number) {
   return new Response(JSON.stringify(data), {
@@ -114,6 +115,11 @@ export async function POST(request: NextRequest) {
       true
     )
 
+    await query(
+      `UPDATE users SET preferences = preferences || $2::jsonb WHERE id = $1`,
+      [dbUser.id, JSON.stringify({ website_theme: "default" })],
+    )
+
     const token = await createSession(dbUser.id, dbUser.role_name)
     await setSessionContext(dbUser.id, ipAddress)
 

src/app/login/page.tsx

@@ -4,6 +4,8 @@ import { useState, useEffect, useRef, Suspense } from "react"
 import { useSearchParams, useRouter } from "next/navigation"
 import { Eye, EyeOff, Loader2 } from "lucide-react"
 
+const WEBSITE_THEME_KEY = "crm-website-theme"
+
 const waves = [
   { a: 16, f: 0.011, s: 0.018, y: 0.38, fill: "rgba(27,176,206,0.18)" },
   { a: 20, f: 0.008, s: 0.013, y: 0.52, fill: "rgba(27,176,206,0.25)" },
@@ -227,6 +229,9 @@ function LoginForm() {
       })
 
       if (res.ok) {
+        localStorage.removeItem(WEBSITE_THEME_KEY)
+        const root = document.documentElement
+        root.className = root.className.split(" ").filter((c) => !c.startsWith("theme-")).join(" ").trim()
         const redirectTo = searchParams.get("redirect") || "/dashboard"
         router.push(redirectTo)
       } else {