default dark

elsoul · Oct 27, 2024 · aaf1871 · aaf1871
1 parent 352c31a
commit aaf1871
Show file tree

Hide file tree

Showing 2 changed files with 13 additions and 5 deletions.
diff --git a/deno.json b/deno.json
@@ -1,6 +1,6 @@
 {
   "name": "@elsoul/fresh-theme",
-  "version": "1.0.1",
+  "version": "1.0.2",
   "description": "Theme Module for Fresh v2 App.",
   "runtimes": ["deno", "browser"],
   "exports": "./mod.ts",

diff --git a/mod.ts b/mod.ts
@@ -12,13 +12,21 @@
  */
 export const defaultDarkModeScript: string = `
   function applyDefaultTheme(change) {
-    if (change === 'auto') delete localStorage.theme; 
-    else if (change === 'on') localStorage.theme = 'dark'; 
-    else if (change === 'off') localStorage.theme = 'light';
+    if (!("theme" in localStorage)) {
+      localStorage.theme = 'dark';  // Ensure dark mode is set as default
+    }
+
+    if (change === 'auto') {
+      delete localStorage.theme;
+    } else if (change === 'on') {
+      localStorage.theme = 'dark';
+    } else if (change === 'off') {
+      localStorage.theme = 'light';
+    }
 
     window.isDark = localStorage.theme === "dark" || 
       (!("theme" in localStorage) && window.matchMedia("(prefers-color-scheme: dark)").matches);
-    
+
     document.documentElement.classList[window.isDark ? 'add' : 'remove']("dark");
   }
   applyDefaultTheme();