SteamWar/Website
8
0
Fork 0
Code Issues 2 Pull Requests Packages Projects Releases Wiki Activity

feat: Add autoDarkMode support to Basic layout and update admin index
All checks were successful
SteamWarCI Build successful
Details

Browse Source
This commit is contained in:
Chaoscaot
2025-04-18 12:43:09 +02:00
parent 4da8fe50c0
commit 98638f94fc
2 changed files with 11 additions and 9 deletions
Download Patch File Download Diff File Expand all files Collapse all files

14
src/layouts/Basic.astro
View File

@ -3,7 +3,7 @@ import "$lib/styles/app.css";
import { astroI18n } from "astro-i18n"; import { astroI18n } from "astro-i18n";
import { SEO } from "astro-seo"; import { SEO } from "astro-seo";
import { ClientRouter } from "astro:transitions"; 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"; import "../../public/fonts/roboto/roboto.css";
--- ---
@ -32,11 +32,13 @@ import "../../public/fonts/roboto/roboto.css";
}))} }))}
/> />
<script is:inline data-astro-rerun> {autoDarkMode && (
if (localStorage["theme-mode"] === "light" || (!("theme-mode" in localStorage) && window.matchMedia("(prefers-color-scheme: light)").matches)) { <script is:inline data-astro-rerun>
document.documentElement.classList.remove("dark"); if (localStorage["theme-mode"] === "light" || (!("theme-mode" in localStorage) && window.matchMedia("(prefers-color-scheme: light)").matches)) {
} document.documentElement.classList.remove("dark");
</script> }
</script>
)}
<slot name="head" /> <slot name="head" />

6
src/pages/admin/index.astro
View File

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