Use localStorage to store theme preference

This commit is contained in:
James Lincoln
2024-05-16 10:52:06 +09:30
parent 5fdd07ee68
commit e47738d805
+2 -1
View File
@@ -48,7 +48,7 @@ export const useAppStore = create<AppState>()((set) => ({
currentPage: "messages",
rasterSources: [],
commandPaletteOpen: false,
darkMode: window.matchMedia("(prefers-color-scheme: dark)").matches,
darkMode: (localStorage.getItem('theme-dark') !== null ? (localStorage.getItem('theme-dark') === 'true' ? true : false) : window.matchMedia("(prefers-color-scheme: dark)").matches),
accent: "orange",
connectDialogOpen: false,
@@ -93,6 +93,7 @@ export const useAppStore = create<AppState>()((set) => ({
);
},
setDarkMode: (enabled: boolean) => {
localStorage.setItem('theme-dark', enabled.toString());
set(
produce<AppState>((draft) => {
draft.darkMode = enabled;