commits

static/js/main.js

@@ -4,6 +4,9 @@ document.addEventListener('DOMContentLoaded', () => {
     const darkMode = localStorage.getItem('darkMode') === 'true';
     if (darkMode) {
         document.documentElement.classList.add('dark');
+        toggleIcons(true); // Ensure correct icon is shown
+    } else {
+        toggleIcons(false);
     }
 });
 
@@ -77,3 +80,24 @@ document.addEventListener('click', (e) => {
         }
     });
 });
+
+// Toggle dark mode icons
+function toggleIcons(isDarkMode) {
+    const sunIcon = document.querySelector('.fa-sun');
+    const moonIcon = document.querySelector('.fa-moon');
+    
+    if (isDarkMode) {
+        sunIcon.classList.remove('hidden');
+        moonIcon.classList.add('hidden');
+    } else {
+        sunIcon.classList.add('hidden');
+        moonIcon.classList.remove('hidden');
+    }
+}
+
+// Add event listener for theme toggle button
+document.getElementById('theme-toggle').addEventListener('click', () => {
+    const isDarkMode = document.documentElement.classList.toggle('dark');
+    localStorage.setItem('darkMode', isDarkMode);
+    toggleIcons(isDarkMode);
+});