From 6bca6eeb29dd59ca0bc593648784b176ff109295 Mon Sep 17 00:00:00 2001
From: zaphostingpreview <serviceteam@zap-hosting.com>
Date: Wed, 16 Sep 2026 10:49:12 +0000
Subject: [PATCH 1/2] Add useDarkMode hook

---
 src/hooks/useDarkMode.ts | 15 +++++++++++++++
 1 file changed, 15 insertions(+)
 create mode 100644 src/hooks/useDarkMode.ts

diff --git a/src/hooks/useDarkMode.ts b/src/hooks/useDarkMode.ts
new file mode 100644
index 0000000..34be2ac
--- /dev/null
+++ b/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) };
+}
-- 
2.54.0


From fca7f8cf1b4fa628d4644753314355ad4f1cebda Mon Sep 17 00:00:00 2001
From: zaphostingpreview <serviceteam@zap-hosting.com>
Date: Wed, 16 Sep 2026 10:49:12 +0000
Subject: [PATCH 2/2] Document dark mode toggle

---
 README.md | 4 ++++
 1 file changed, 4 insertions(+)

diff --git a/README.md b/README.md
index b5717d7..f348a0a 100644
--- a/README.md
+++ b/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.
-- 
2.54.0