From e47738d805fd34b61c88ca1bd8961c0de512f80b Mon Sep 17 00:00:00 2001
From: James Lincoln <lincolnp.james@gmail.com>
Date: Thu, 16 May 2024 10:52:06 +0930
Subject: [PATCH] Use localStorage to store theme preference

---
 src/core/stores/appStore.ts | 3 ++-
 1 file changed, 2 insertions(+), 1 deletion(-)

diff --git a/src/core/stores/appStore.ts b/src/core/stores/appStore.ts
index fa46cb57..cca4eedc 100644
--- a/src/core/stores/appStore.ts
+++ b/src/core/stores/appStore.ts
@@ -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;