README.md

@@ -8,3 +8,7 @@ Customer control panel frontend. Built with Next.js + TypeScript.
 npm install
 npm run dev
 ```
+
+## Dark mode
+
+Toggle dark mode from Settings > Appearance.

src/hooks/useDarkMode.ts

@@ -0,0 +1,15 @@
+import { useState, useEffect } from "react";
+
+export function useDarkMode() {
+  const [enabled, setEnabled] = useState(() => {
+    if (typeof window === "undefined") return false;
+    return localStorage.getItem("theme") === "dark";
+  });
+
+  useEffect(() => {
+    document.documentElement.classList.toggle("dark", enabled);
+    localStorage.setItem("theme", enabled ? "dark" : "light");
+  }, [enabled]);
+
+  return { enabled, toggle: () => setEnabled((v) => !v) };
+}