Added system mode detection for dark and light themes (#77)

Author: deepeshahlawat

script.js

@@ -228,9 +228,23 @@ document.addEventListener('DOMContentLoaded', function () {
     });
 });
 
-// Dark mode toggle
+// Dark mode toggle based on preference
+function applyDarkModePreference() {
+    const darkModeStatus = localStorage.getItem('darkMode');
+    if (darkModeStatus === 'enabled') {
+        document.body.classList.add('dark-mode');
+    } else {
+        document.body.classList.remove('dark-mode');
+    }
+}
+
+// Immediately apply the stored dark mode preference
+applyDarkModePreference();
+
+// Toggle dark mode and save the preference
 document.getElementById('dark-mode-toggle').addEventListener('click', () => {
-    document.body.classList.toggle('dark-mode');
+    const isDarkMode = document.body.classList.toggle('dark-mode');
+    localStorage.setItem('darkMode', isDarkMode ? 'enabled' : 'disabled');
 });
 
 // Mobile menu functionality