From 8d60c7f93407988ee0232ea90980028f299cb0f3 Mon Sep 17 00:00:00 2001
From: srdusr <trevorgray@srdusr.com>
Date: Fri, 26 Sep 2025 13:39:28 +0200
Subject: Initial Commit

---
 web/src/hooks/useTheme.ts | 21 +++++++++++++++++++++
 1 file changed, 21 insertions(+)
 create mode 100644 web/src/hooks/useTheme.ts

(limited to 'web/src/hooks/useTheme.ts')

diff --git a/web/src/hooks/useTheme.ts b/web/src/hooks/useTheme.ts
new file mode 100644
index 0000000..a5457b6
--- /dev/null
+++ b/web/src/hooks/useTheme.ts
@@ -0,0 +1,21 @@
+import { useState, useEffect } from 'react';
+import { Theme } from '../types';
+
+export const useTheme = () => {
+    const [theme, setTheme] = useState<Theme>(() => {
+        const savedTheme = localStorage.getItem('theme');
+        return (savedTheme as Theme) || Theme.Light;
+    });
+
+    useEffect(() => {
+        localStorage.setItem('theme', theme);
+        document.documentElement.classList.remove(Theme.Light, Theme.Dark);
+        document.documentElement.classList.add(theme);
+    }, [theme]);
+
+    const toggleTheme = () => {
+        setTheme(prev => prev === Theme.Light ? Theme.Dark : Theme.Light);
+    };
+
+    return { theme, toggleTheme };
+}; 
\ No newline at end of file
-- 
cgit v1.2.3