Try fix light theme

This commit is contained in:
ryan 2026-01-09 17:55:04 -08:00
parent e7463d3ec4
commit 4125426627
3 changed files with 5 additions and 70 deletions

View File

@ -32,28 +32,7 @@ const description =
<!-- initialize theme -->
<script is:inline>
const themeSaved = localStorage.getItem("theme");
if (themeSaved) {
document.documentElement.dataset.theme = themeSaved;
} else {
const prefersDark = window.matchMedia(
"(prefers-color-scheme: dark)",
).matches;
document.documentElement.dataset.theme = prefersDark
? "dark"
: "light";
}
window
.matchMedia("(prefers-color-scheme: dark)")
.addEventListener("change", (event) => {
if (!localStorage.getItem("theme")) {
document.documentElement.dataset.theme = event.matches
? "dark"
: "light";
}
});
document.documentElement.dataset.theme = "light";
</script>
</head>
<body

View File

@ -26,35 +26,14 @@ const description =
<meta name="description" content={description} />
<!-- social media -->
<meta property="og:title" content="Astro" />
<meta property="og:title" content="Sejour" />
<meta property="og:type" content="website" />
<meta property="og:description" content={description} />
<meta property="og:image" content={image} />
<meta property="og:url" content={site} />
<meta name="twitter:card" content="summary_large_image" />
<!-- initialize theme -->
<script is:inline>
const themeSaved = localStorage.getItem("theme");
if (themeSaved) {
document.documentElement.dataset.theme = themeSaved;
} else {
const prefersDark = window.matchMedia(
"(prefers-color-scheme: dark)",
).matches;
document.documentElement.dataset.theme = prefersDark ? "dark" : "light";
}
window
.matchMedia("(prefers-color-scheme: dark)")
.addEventListener("change", (event) => {
if (!localStorage.getItem("theme")) {
document.documentElement.dataset.theme = event.matches
? "dark"
: "light";
}
});
document.documentElement.dataset.theme = "light";
</script>
</head>
<body

View File

@ -23,37 +23,14 @@ const description =
<meta name="description" content={description} />
<!-- social media -->
<meta property="og:title" content="Astro" />
<meta property="og:title" content="Sejour" />
<meta property="og:type" content="website" />
<meta property="og:description" content={description} />
<meta property="og:image" content={image} />
<meta property="og:url" content={site} />
<meta name="twitter:card" content="summary_large_image" />
<!-- initialize theme -->
<script is:inline>
const themeSaved = localStorage.getItem("theme");
if (themeSaved) {
document.documentElement.dataset.theme = themeSaved;
} else {
const prefersDark = window.matchMedia(
"(prefers-color-scheme: dark)",
).matches;
document.documentElement.dataset.theme = prefersDark
? "dark"
: "light";
}
window
.matchMedia("(prefers-color-scheme: dark)")
.addEventListener("change", (event) => {
if (!localStorage.getItem("theme")) {
document.documentElement.dataset.theme = event.matches
? "dark"
: "light";
}
});
document.documentElement.dataset.theme = "light";
</script>
</head>
<body