Use the LightMode

2024-02-13 20:31:47 +01:00 · 2024-02-13 20:31:47 +01:00 · deef2ae345
Commit deef2ae345
--- a/src/layouts/Basic.astro
+++ b/src/layouts/Basic.astro
@ -31,6 +31,12 @@ const iconImage = await getImage({src: icon, height: 32, width: 32, format: "png
            }))}
        />
        
+        <script is:inline>
+if (localStorage["theme-mode"] === "light" || (!("theme-mode" in localStorage) && window.matchMedia("(prefers-color-scheme: light)").matches)) {
+    document.documentElement.classList.remove("dark");
+}
+        </script>
+
        <slot name="head"/>
    </head>
    <body class="dark:bg-zinc-800">