Merge pull request #198 from lincolnpjames/persist-dark-mode

Use localStorage to store theme preference
meshtastic · Jun 17, 2024 · c3116c0 · c3116c0
2 parents 7742a3e + e47738d
commit c3116c0
Showing 1 changed file with 2 additions and 1 deletion.
diff --git a/src/core/stores/appStore.ts b/src/core/stores/appStore.ts
@@ -50,7 +50,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,
   nodeNumToBeRemoved: 0,
@@ -96,6 +96,7 @@ export const useAppStore = create<AppState>()((set) => ({
     );
   },
   setDarkMode: (enabled: boolean) => {
+    localStorage.setItem('theme-dark', enabled.toString());
     set(
       produce<AppState>((draft) => {
         draft.darkMode = enabled;