sadorowo/sador.me
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

invert theme logic (light theme by default)

Browse Source
This commit is contained in:
Franek 2025-03-29 19:58:47 +01:00
parent 398f9882a6
commit 7f5df0b4b2
1 changed files with 5 additions and 5 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

10
src/style/themes.tsx
View File

@ -32,14 +32,14 @@ const ThemeContext = createContext<Props>({
});
const ThemeProvider: React.FC<React.PropsWithChildren> = ({ children }) => {
const [isLightTheme, setIsLightTheme] = useState(() => localStorage.getItem("theme") === "light");
const [isDarkTheme, setIsDarkTheme] = useState(() => localStorage.getItem("theme") === "dark");
useEffect(() => {
localStorage.setItem("theme", isLightTheme ? "light" : "dark");
}, [isLightTheme]);
localStorage.setItem("theme", isDarkTheme ? "dark" : "light");
}, [isDarkTheme]);
const theme = isLightTheme ? lightTheme : darkTheme;
const toggleTheme = () => setIsLightTheme(prev => !prev);
const theme = isDarkTheme ? darkTheme : lightTheme;
const toggleTheme = () => setIsDarkTheme(prev => !prev);
return (
<ThemeContext.Provider value={{ theme, toggleTheme }}>