Mark/esolang
1
0
Fork 0
Code Issues Packages Activity

Use system theme for initial dark mode setting

Browse Source
This commit is contained in:
Nilay Majorwar 2022-01-22 22:48:33 +05:30
parent 808e4d302a
commit ee569ada7f
1 changed files with 6 additions and 0 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

6
ui/providers/dark-mode-provider.tsx
View File

@ -14,6 +14,12 @@ export const DarkModeProvider = ({
}) => { }) => {
const [isDark, setIsDark] = React.useState(true); const [isDark, setIsDark] = React.useState(true);
// Set dark theme according to system preference
React.useEffect(() => {
if (window.matchMedia("(prefers-color-scheme: light)").matches)
setIsDark(false);
}, []);
return ( return (
<DarkModeContext.Provider <DarkModeContext.Provider
value={{ isDark, toggleDark: () => setIsDark((d) => !d) }} value={{ isDark, toggleDark: () => setIsDark((d) => !d) }}