Add prefers-dark-theme

2 years ago · 09ebad224b
parent 0e81edfa3b
commit 09ebad224b
1 changed files with 2 additions and 1 deletions
--- a/src/main.jsx
+++ b/src/main.jsx
@ -103,11 +103,12 @@ const App = ({}) => {
        setEventi(eventi)
    }, [source])

-    const [theme, setTheme] = useState(localStorage.getItem("theme") ?? "light")
+    const [theme, setTheme] = useState(localStorage.getItem("theme") ?? (window.matchMedia('(prefers-color-scheme: dark)').matches ? "dark" : "light"))

    document.body.classList.toggle("dark-mode", theme === "dark")
    localStorage.setItem("theme", theme)

+
    return (
        <>
            <Toolbar