Merge pull request #198 from lincolnpjames/persist-dark-mode
Use localStorage to store theme preference
This commit is contained in:
@@ -50,7 +50,7 @@ export const useAppStore = create<AppState>()((set) => ({
|
|||||||
currentPage: "messages",
|
currentPage: "messages",
|
||||||
rasterSources: [],
|
rasterSources: [],
|
||||||
commandPaletteOpen: false,
|
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",
|
accent: "orange",
|
||||||
connectDialogOpen: false,
|
connectDialogOpen: false,
|
||||||
nodeNumToBeRemoved: 0,
|
nodeNumToBeRemoved: 0,
|
||||||
@@ -96,6 +96,7 @@ export const useAppStore = create<AppState>()((set) => ({
|
|||||||
);
|
);
|
||||||
},
|
},
|
||||||
setDarkMode: (enabled: boolean) => {
|
setDarkMode: (enabled: boolean) => {
|
||||||
|
localStorage.setItem('theme-dark', enabled.toString());
|
||||||
set(
|
set(
|
||||||
produce<AppState>((draft) => {
|
produce<AppState>((draft) => {
|
||||||
draft.darkMode = enabled;
|
draft.darkMode = enabled;
|
||||||
|
|||||||
Reference in New Issue
Block a user