sejour/landing-page
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

Try fix light theme

Browse Source
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
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

23
src/pages/book-a-session.astro
View File

@ -32,28 +32,7 @@ const description =
<!-- initialize theme --> <!-- initialize theme -->
<script is:inline> <script is:inline>
const themeSaved = localStorage.getItem("theme"); document.documentElement.dataset.theme = "light";
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";
}
});
</script> </script>
</head> </head>
<body <body

25
src/pages/index.astro
View File

@ -26,35 +26,14 @@ const description =
<meta name="description" content={description} /> <meta name="description" content={description} />
<!-- social media --> <!-- social media -->
<meta property="og:title" content="Astro" /> <meta property="og:title" content="Sejour" />
<meta property="og:type" content="website" /> <meta property="og:type" content="website" />
<meta property="og:description" content={description} /> <meta property="og:description" content={description} />
<meta property="og:image" content={image} /> <meta property="og:image" content={image} />
<meta property="og:url" content={site} /> <meta property="og:url" content={site} />
<meta name="twitter:card" content="summary_large_image" /> <meta name="twitter:card" content="summary_large_image" />
<!-- initialize theme -->
<script is:inline> <script is:inline>
const themeSaved = localStorage.getItem("theme"); document.documentElement.dataset.theme = "light";
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";
}
});
</script> </script>
</head> </head>
<body <body

27
src/pages/learn-more.astro
View File

@ -23,37 +23,14 @@ const description =
<meta name="description" content={description} /> <meta name="description" content={description} />
<!-- social media --> <!-- social media -->
<meta property="og:title" content="Astro" /> <meta property="og:title" content="Sejour" />
<meta property="og:type" content="website" /> <meta property="og:type" content="website" />
<meta property="og:description" content={description} /> <meta property="og:description" content={description} />
<meta property="og:image" content={image} /> <meta property="og:image" content={image} />
<meta property="og:url" content={site} /> <meta property="og:url" content={site} />
<meta name="twitter:card" content="summary_large_image" /> <meta name="twitter:card" content="summary_large_image" />
<!-- initialize theme -->
<script is:inline> <script is:inline>
const themeSaved = localStorage.getItem("theme"); document.documentElement.dataset.theme = "light";
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";
}
});
</script> </script>
</head> </head>
<body <body