ash-project/ash_hq
1
0
Fork 0
mirror of https://github.com/ash-project/ash_hq.git synced 2024-09-20 05:13:23 +12:00
Code Issues Projects Releases Packages Wiki Activity

fix: fix setting theme in js

Browse source
This commit is contained in:
Zach Daniel 2022-08-29 22:25:13 -06:00
parent dc608bf0d5
commit cadba1a2d9
1 changed files with 13 additions and 3 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

16
assets/js/app.js
View file

@ -42,19 +42,25 @@ if (!configuredThemeRow) {
}
window.matchMedia('(prefers-color-scheme: dark)').addEventListener('change', event => {
console.log("here")
const configuredThemeRow = document.cookie
.split('; ')
.find(row => row.startsWith('theme='))
console.log(configuredThemeRow)
if(!configuredThemeRow || configuredThemeRow === "theme=system") {
setTheme("system")
} else {
if(configuredThemeRow === "theme=dark") {
setTheme("dark")
} else if (configuredThemeRow === "theme=light") {
setTheme("light")
} else {
setTheme("system")
}
}
});
function setTheme(theme) {
console.log(theme)
let setTheme;
if(theme == "system") {
if (window.matchMedia && window.matchMedia('(prefers-color-scheme: dark)').matches) {
@ -62,8 +68,12 @@ function setTheme(theme) {
} else {
setTheme = "light";
}
} else {
setTheme = theme;
}
document.documentElement.classList.add(setTheme);
if(setTheme === "dark") {
document.documentElement.classList.remove("light");
} else {