Use the LightMode

2024-02-13 20:31:47 +01:00
parent 5fb5234370
commit deef2ae345
1 changed files with 6 additions and 0 deletions
--- a/src/layouts/Basic.astro
+++ b/src/layouts/Basic.astro
@ -30,6 +30,12 @@ const iconImage = await getImage({src: icon, height: 32, width: 32, format: "png
                href: `/${locale}/`,
            }))}
        />
+        
+        <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>