fixed theme and accent colors not saving

Author: kingjosht

src/lib/themes/themePersistance.js

@@ -1,5 +1,7 @@
 import {BLOCKS_CUSTOM, Theme} from '.';
 
+const STORAGE_KEY = 'ct:theme';
+
 const matchMedia = query => (window.matchMedia ? window.matchMedia(query) : null);
 const PREFERS_HIGH_CONTRAST_QUERY = matchMedia('(prefers-contrast: more)');
 const PREFERS_DARK_QUERY = matchMedia('(prefers-color-scheme: dark)');
@@ -11,19 +13,20 @@ const systemPreferencesTheme = () => {
     // Check for URL search parameters first (highest priority)
     const urlParams = new URLSearchParams(window.location.search);
     const modeParam = urlParams.get('mode');
-    
+
     // Check for mode parameter on any page
     if (modeParam === 'dark') {
         return Theme.dark;
     } else if (modeParam === 'light') {
         return Theme.light;
     }
-    
+
     // If on home page, default to light theme
-    if (window.location.pathname === "/" || window.location.pathname.includes("/index.html") || window.location.pathname === "/build/") {
+    // eslint-disable-next-line max-len
+    if (window.location.pathname === '/' || window.location.pathname.includes('/index.html') || window.location.pathname === '/build/') {
         return Theme.light;
     }
-    
+
     if (PREFERS_HIGH_CONTRAST_QUERY && PREFERS_HIGH_CONTRAST_QUERY.matches) {
         return Theme.highContrast;
     }
@@ -62,7 +65,29 @@ const onSystemPreferenceChange = onChange => {
  */
 const detectTheme = () => {
     const systemPreferences = systemPreferencesTheme();
-    return systemPreferences;
+    let theme = systemPreferences;
+
+    try {
+        const stored = localStorage.getItem(STORAGE_KEY);
+        if (stored) {
+            const parsed = JSON.parse(stored);
+            if (parsed) {
+                if (parsed.accent) {
+                    theme = theme.set('accent', parsed.accent);
+                }
+                if (parsed.gui) {
+                    theme = theme.set('gui', parsed.gui);
+                }
+                if (parsed.blocks && parsed.blocks !== BLOCKS_CUSTOM) {
+                    theme = theme.set('blocks', parsed.blocks);
+                }
+            }
+        }
+    } catch (e) {
+        // ignore
+    }
+
+    return theme;
 };
 
 /**