Use the LightMode

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>