fix prefered theme

theme/static/css/main.css

@@ -27,6 +27,10 @@ body[theme=dark] {
       --lightColor: #a8a8a8;
       --backgroundColor: #2a2a2a;
     }
+    body::after {
+      content: 'dark';
+      display: none;
+    }
 }
 
 html, body {

theme/templates/base.html

@@ -45,10 +45,18 @@
         document.body.setAttribute('theme', themeName);
         return themeName;
       }
+      
+      function getPreferedTheme() {
+        let preferedTheme = window.getComputedStyle(document.body, '::after').content;
+        if (preferedTheme !== undefined) {
+          return preferedTheme.replace(/"/g, '');
+        }
+        return 'light';
+      }
 
       let darkModeToggleElement = document.getElementById('darkModeToggle');
-      let theme = localStorage.getItem('theme') || 'light';
-
+      let theme = localStorage.getItem('theme') || getPreferedTheme();
+      
       setTheme(theme);
 
       darkModeToggle.addEventListener('click', (e) => {