Update changes

renderer.js

@@ -14,10 +14,12 @@ function applyTheme(darkMode) {
     isDarkMode = darkMode;
     if (darkMode) {
         document.body.classList.remove('light-mode');
-        document.getElementById('darkTheme').checked = true;
     } else {
         document.body.classList.add('light-mode');
-        document.getElementById('lightTheme').checked = true;
+    }
+    // Save theme preference
+    if (window.electronAPI) {
+        window.electronAPI.setTheme(darkMode);
     }
 }
 
@@ -34,32 +36,11 @@ document.getElementById('closeBtn').addEventListener('click', () => {
     if (window.electronAPI) window.electronAPI.closeWindow();
 });
 
-// Settings dialog
-const settingsDialog = document.getElementById('settingsDialog');
-const settingsBtn = document.getElementById('settingsBtn');
-const settingsCloseBtn = document.getElementById('settingsCloseBtn');
+// Theme toggle button
+const themeToggleBtn = document.getElementById('themeToggleBtn');
 
-settingsBtn.addEventListener('click', () => {
-    settingsDialog.classList.add('show');
-});
-
-settingsCloseBtn.addEventListener('click', () => {
-    settingsDialog.classList.remove('show');
-});
-
-settingsDialog.addEventListener('click', (e) => {
-    if (e.target === settingsDialog) {
-        settingsDialog.classList.remove('show');
-    }
-});
-
-// Theme radio buttons
-document.getElementById('darkTheme').addEventListener('change', () => {
-    applyTheme(true);
-});
-
-document.getElementById('lightTheme').addEventListener('change', () => {
-    applyTheme(false);
+themeToggleBtn.addEventListener('click', () => {
+    applyTheme(!isDarkMode);
 });
 
 // Listen for theme changes from menu
@@ -76,4 +57,20 @@ if (window.electronAPI) {
 // Initialize on load
 window.addEventListener('DOMContentLoaded', () => {
     initializeTheme();
-});
+});
+
+// Store theme preference
+function setTheme(darkMode) {
+    localStorage.setItem('theme', darkMode ? 'dark' : 'light');
+}
+
+// Get theme preference
+function getStoredTheme() {
+    const storedTheme = localStorage.getItem('theme');
+    return storedTheme !== 'light';
+}
+
+// Initialize theme from stored preference
+if (!window.electronAPI) {
+    applyTheme(getStoredTheme());
+}