mirrors/dumb
1
0
Fork 0
mirror of https://github.com/rramiachraf/dumb.git synced 2025-04-04 21:37:38 +03:00
Code Issues Projects Releases Packages Wiki Activity

feat: add theme toggler on client side

Browse source
This commit is contained in:
rramiachraf 2024-03-09 21:40:20 +01:00
parent 33eac92072
commit cdc6dc418f
10 changed files with 149 additions and 89 deletions
Download patch file Download diff file Expand all files Collapse all files

33
static/script.js
View file

@ -6,7 +6,7 @@ function showAbout() {
fullAbout.classList.toggle("hidden")
}
[fullAbout, summary].forEach(item => item.onclick = showAbout)
fullAbout && [fullAbout, summary].forEach(item => item.onclick = showAbout)
document.querySelectorAll("#lyrics a").forEach(item => {
item.addEventListener("click", getAnnotation)
@ -36,3 +36,34 @@ function getAnnotation(e) {
}
}
}
window._currentTheme = localStorage.getItem("_theme") || "light"
setTheme(window._currentTheme)
const themeChooser = document.getElementById("choose-theme")
themeChooser.addEventListener("click", function() {
if (window._currentTheme === "dark") {
setTheme("light")
} else {
setTheme("dark")
}
})
function setTheme(theme) {
const toggler = document.getElementById("ic_fluent_dark_theme_24_regular")
switch (theme) {
case "dark":
toggler.setAttribute("fill", "#fff")
localStorage.setItem("_theme", "dark")
document.body.classList.add("dark")
window._currentTheme = "dark"
return
case "light":
toggler.setAttribute("fill", "#181d31")
localStorage.setItem("_theme", "light")
document.body.classList.remove("dark")
window._currentTheme = "light"
return
}
}