feat: Add autoDarkMode support to Basic layout and update admin index

src/layouts/Basic.astro

@@ -3,7 +3,7 @@ import "$lib/styles/app.css";
 import { astroI18n } from "astro-i18n";
 import { SEO } from "astro-seo";
 import { ClientRouter } from "astro:transitions";
-const { title, description, clientSideRouter = true } = Astro.props.frontmatter || Astro.props;
+const { title, description, clientSideRouter = true, autoDarkMode = true } = Astro.props.frontmatter || Astro.props;
 import "../../public/fonts/roboto/roboto.css";
 ---
 
@@ -32,11 +32,13 @@ import "../../public/fonts/roboto/roboto.css";
             }))}
         />
 
+        {autoDarkMode && (
             <script is:inline data-astro-rerun>
                 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" />
 

src/pages/admin/index.astro

@@ -3,6 +3,6 @@ import App from "../../components/admin/App.svelte";
 import Basic from "../../layouts/Basic.astro";
 ---
 
-<Basic clientSideRouter={false}>
-    <App client:only="svelte"/>
+<Basic clientSideRouter={false} autoDarkMode={false}>
+    <App client:only="svelte" />
 </Basic>