add user's preferred colourscheme as cookie (closes #62)
Some checks failed
mozhi pipeline / Push Docker image to Codeberg docker registry (push) Successful in 16m16s
mozhi pipeline / Build and publish artifacts (push) Has been cancelled

This commit is contained in:
Arya 2025-04-10 19:19:55 +05:30
parent 0e3c7b9e2a
commit dd92b0279d
Signed by: arya
GPG Key ID: 842D12BDA50DF120

View File

@ -64,19 +64,34 @@
if (document.documentElement.classList.contains("light")) {
document.documentElement.classList.remove("light");
document.documentElement.classList.add("dark");
document.cookie = "colour=dark";
} else if (document.documentElement.classList.contains("dark")) {
document.documentElement.classList.remove("dark");
document.documentElement.classList.add("light");
document.cookie = "colour=light";
} else {
if (
window.matchMedia &&
window.matchMedia("(prefers-color-scheme: light)").matches
) {
document.documentElement.classList.add("dark");
document.cookie = "colour=dark";
} else {
document.documentElement.classList.add("light");
document.cookie = "colour=light";
}
}
}
const colourScheme = document.cookie
.split("; ")
.find((row) => row.startsWith("colour="))
?.split("=")[1];
if (colourScheme === "light") {
document.documentElement.classList.remove("dark");
document.documentElement.classList.add("light");
} else if (colourScheme === "dark") {
document.documentElement.classList.remove("light");
document.documentElement.classList.add("dark");
}
</script>
<br />