arya/mozhi
1
0
Fork 0
mirror of https://codeberg.org/aryak/mozhi synced 2025-06-04 00:41:07 +05:30
Code Issues Actions Packages Projects Releases Wiki Activity

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
Details
mozhi pipeline / Build and publish artifacts (push) Has been cancelled
Details

Browse Source
This commit is contained in:
Arya
2025-04-10 19:19:55 +05:30
parent 0e3c7b9e2a
commit dd92b0279d
1 changed files with 15 additions and 0 deletions
Download Patch File Download Diff File Expand all files Collapse all files

15
views/header.html
View File

@@ -64,19 +64,34 @@
if (document.documentElement.classList.contains("light")) { if (document.documentElement.classList.contains("light")) {
document.documentElement.classList.remove("light"); document.documentElement.classList.remove("light");
document.documentElement.classList.add("dark"); document.documentElement.classList.add("dark");
document.cookie = "colour=dark";
} else if (document.documentElement.classList.contains("dark")) { } else if (document.documentElement.classList.contains("dark")) {
document.documentElement.classList.remove("dark"); document.documentElement.classList.remove("dark");
document.documentElement.classList.add("light"); document.documentElement.classList.add("light");
document.cookie = "colour=light";
} else { } else {
if ( if (
window.matchMedia && window.matchMedia &&
window.matchMedia("(prefers-color-scheme: light)").matches window.matchMedia("(prefers-color-scheme: light)").matches
) { ) {
document.documentElement.classList.add("dark"); document.documentElement.classList.add("dark");
document.cookie = "colour=dark";
} else { } else {
document.documentElement.classList.add("light"); 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> </script>
<br /> <br />