Add useDarkMode hook

This commit is contained in:
2026-09-16 10:49:12 +00:00
parent 6aaadd9c11
commit 6bca6eeb29
+15
View File
@@ -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) };
}