Added dark mode

1 files changed, 21 insertions, 0 deletions

diff --git a/src/hooks/useDarkMode.tsx b/src/hooks/useDarkMode.tsx
new file mode 100644
index 0000000..fe4ce95
--- /dev/null
+++ b/src/hooks/useDarkMode.tsx
@@ -0,0 +1,21 @@
+import {useEffect, useMemo, useState} from "react";
+import {ThemeConfig} from "bootstrap-darkmode";
+
+export interface UseDarkMode {
+  darkMode: boolean
+  toggle: () => void
+}
+
+export default function useDarkMode() {
+  const themeConfig = useMemo(() => new ThemeConfig(), []);
+  const [darkMode, setDarkMode] = useState(() => themeConfig.getTheme() === 'dark')
+
+  useEffect(() => {
+    themeConfig.setTheme(darkMode ? 'dark' : 'light');
+  }, [darkMode])
+
+  return {
+    darkMode,
+    toggle: () => setDarkMode(dm => !dm),
+  }
+}