apps/mapix
4
0
Fork 0
Code Issues Pull Requests Actions Packages Releases Activity

feat: follow system color scheme by default
Some checks failed
Build and Publish Docker Image / build-and-push (push) Failing after 3s
Details

Browse Source
This commit is contained in:
Arne Baeumler
2026-06-13 08:04:11 +02:00
parent ab8cad1931
commit 1d044683f4
1 changed files with 12 additions and 3 deletions
Download Patch File Download Diff File Expand all files Collapse all files

15
src/server/request-handler.ts
View File

@@ -1363,10 +1363,12 @@ function htmlPage(): string {
return URL.createObjectURL(thumbnailBlob);
}
function setTheme(theme) {
function setTheme(theme, persist = true) {
const resolvedTheme = theme === "light" ? "light" : "dark";
document.body.dataset.theme = resolvedTheme;
localStorage.setItem("theme", resolvedTheme);
if (persist) {
localStorage.setItem("theme", resolvedTheme);
}
setMapTheme(resolvedTheme);
if (resolvedTheme === "dark") {
@@ -1479,11 +1481,18 @@ function htmlPage(): string {
}
}
const themeMediaQuery = window.matchMedia("(prefers-color-scheme: dark)");
const storedTheme = localStorage.getItem("theme");
setTheme(storedTheme === "dark" ? "dark" : "light");
const initialTheme = storedTheme === "dark" || (storedTheme !== "light" && themeMediaQuery.matches) ? "dark" : "light";
setTheme(initialTheme, false);
themeToggle.addEventListener("click", () => {
setTheme(document.body.dataset.theme === "dark" ? "light" : "dark");
});
if (storedTheme === null) {
themeMediaQuery.addEventListener("change", (event) => {
setTheme(event.matches ? "dark" : "light", false);
});
}
setRouteVisible(routeVisible);
routeToggle.addEventListener("click", () => {
setRouteVisible(!routeVisible);