add dark theme

gabriellbbrr · Dec 21, 2023 · 09a0316 · 09a0316
1 parent 8538f64
commit 09a0316
Show file tree

Hide file tree

Showing 2 changed files with 3 additions and 2 deletions.
diff --git a/src/components/MainHead.astro b/src/components/MainHead.astro
@@ -33,7 +33,7 @@ const {
     }
     return window.matchMedia("(prefers-color-scheme: dark)").matches
       ? "dark"
-      : "light";
+      : "";
   };
   const isDark = getThemePreference() === "dark";
   document.documentElement.classList[isDark ? "add" : "remove"]("theme-dark");
@@ -42,7 +42,7 @@ const {
     // Watch the document element and persist user preference when it changes.
     const observer = new MutationObserver(() => {
       const isDark = document.documentElement.classList.contains("theme-dark");
-      localStorage.setItem("theme", isDark ? "dark" : "light");
+      localStorage.setItem("theme", isDark ? "dark" : "");
     });
     observer.observe(document.documentElement, {
       attributes: true,

diff --git a/src/styles/global.css b/src/styles/global.css
@@ -261,4 +261,5 @@ h5 {
 	.lg\:gap-48 {
 		gap: 12rem;
 	}
+
 }
-Original file line number
+Diff line change
@@ Expand Up / @@ -261,4 +261,5 @@ h5 { @@
     	.lg\:gap-48 {
     		gap: 12rem;
     	}
     }