feat: The Other Dude v9.0.1 — full-featured email system

ci: add GitHub Pages deployment workflow for docs site Co-Authored-By: Claude Opus 4.6 <noreply@anthropic.com>
2026-03-08 17:46:37 -05:00
commit b840047e19
511 changed files with 106948 additions and 0 deletions
--- a/frontend/src/lib/theme.ts
+++ b/frontend/src/lib/theme.ts
@@ -0,0 +1,47 @@
+const THEME_STORAGE_KEY = 'mikrotik-ui-state'
+
+export type Theme = 'dark' | 'light'
+
+/**
+ * Apply theme class to <html> element.
+ * Called both during initialization and on toggle.
+ */
+export function applyTheme(theme: Theme): void {
+  const root = document.documentElement
+  if (theme === 'dark') {
+    root.classList.add('dark')
+  } else {
+    root.classList.remove('dark')
+  }
+}
+
+/**
+ * Determine initial theme:
+ * 1. Check localStorage for saved preference
+ * 2. Fall back to prefers-color-scheme
+ * 3. Default to dark (network operators prefer it)
+ *
+ * Called BEFORE React renders to prevent flash of wrong theme.
+ */
+export function initializeTheme(): void {
+  let theme: Theme = 'dark' // default
+
+  try {
+    const stored = localStorage.getItem(THEME_STORAGE_KEY)
+    if (stored) {
+      const parsed = JSON.parse(stored)
+      if (parsed?.state?.theme === 'light' || parsed?.state?.theme === 'dark') {
+        theme = parsed.state.theme
+      }
+    } else {
+      // No saved preference -- respect OS preference
+      if (window.matchMedia('(prefers-color-scheme: light)').matches) {
+        theme = 'light'
+      }
+    }
+  } catch {
+    // localStorage unavailable or corrupt -- use default
+  }
+
+  applyTheme(theme)
+}