// Theme switcher — toggles data-theme (dark/light) and data-palette (warm/neutral/cold) on . // Persists to localStorage. const { useState, useEffect } = React; function getInitTheme() { try { return localStorage.getItem("wt-theme") || document.documentElement.dataset.theme || "dark"; } catch { return "dark"; } } function getInitPalette() { try { return localStorage.getItem("wt-palette") || document.documentElement.dataset.palette || "neutral"; } catch { return "neutral"; } } function ThemeSwitcher({ compact = false }) { const [theme, setTheme] = useState(getInitTheme); const [palette, setPalette] = useState(getInitPalette); useEffect(() => { document.documentElement.dataset.theme = theme; document.documentElement.dataset.palette = palette; try { localStorage.setItem("wt-theme", theme); localStorage.setItem("wt-palette", palette); } catch {} }, [theme, palette]); return (

); } window.ThemeSwitcher = ThemeSwitcher;