Mirrored_Repos/AppFlowy
1
0
Fork 0
mirror of https://github.com/AppFlowy-IO/AppFlowy.git synced 2024-08-30 18:12:39 +00:00
Code Issues Packages Projects Releases Wiki Activity

fix: save the dark mode in local storage

Browse Source
This commit is contained in:
qinluhe 2024-07-03 14:56:43 +08:00
parent b2d6876347
commit 1b69f7841c
1 changed files with 6 additions and 1 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

7
frontend/appflowy_web_app/src/components/app/useAppThemeMode.ts
View File

@ -9,7 +9,11 @@ export const ThemeModeContext = createContext<
>(undefined); >(undefined);
export function useAppThemeMode() { export function useAppThemeMode() {
const [isDark, setIsDark] = useState<boolean>(false); const [isDark, setIsDark] = useState<boolean>(() => {
const darkMode = localStorage.getItem('dark-mode');
return darkMode === 'true';
});
useEffect(() => { useEffect(() => {
function detectColorScheme() { function detectColorScheme() {
@ -28,6 +32,7 @@ export function useAppThemeMode() {
useEffect(() => { useEffect(() => {
document.documentElement.setAttribute('data-dark-mode', isDark ? 'true' : 'false'); document.documentElement.setAttribute('data-dark-mode', isDark ? 'true' : 'false');
localStorage.setItem('dark-mode', isDark ? 'true' : 'false');
}, [isDark]); }, [isDark]);
return { return {