fix

Author: charliegerard

components/Layout.js

@@ -16,13 +16,8 @@ export function GradientBackground({ variant, className }) {
 
 export default function Layout({ children }) {
   const setAppTheme = () => {
-    const darkMode =
-      window.matchMedia("(prefers-color-scheme: dark)").matches ||
-      localStorage.getItem("theme") === "dark";
-
-    const lightMode =
-      window.matchMedia("(prefers-color-scheme: light)").matches ||
-      localStorage.getItem("theme") === "light";
+    const darkMode = localStorage.getItem("theme") === "dark";
+    const lightMode = localStorage.getItem("theme") === "light";
 
     if (darkMode) {
       document.documentElement.classList.add("dark");
@@ -38,8 +33,10 @@ export default function Layout({ children }) {
     darkQuery.onchange = (e) => {
       if (e.matches) {
         document.documentElement.classList.add("dark");
+        localStorage.setItem("theme", "dark");
       } else {
         document.documentElement.classList.remove("dark");
+        localStorage.setItem("theme", "light");
       }
     };
   };