haldis/app/static/js/darkmode.js
2019-10-24 13:50:51 +02:00

27 lines
848 B
JavaScript

{
var $darkmode = document.querySelector(".enter_darkmode");
const init = () => {
$darkmode.addEventListener("click", toggleDarkmode);
enableDarkmode();
}
const toggleDarkmode = () => {
var newState = !(localStorage.getItem("darkmode") == 'true');
localStorage.setItem("darkmode", newState);
enableDarkmode();
}
const enableDarkmode = () => {
if (typeof(Storage) !== "undefined") {
if(localStorage.getItem("darkmode") == 'true'){
document.querySelector('body').classList.remove('lightmode');
document.querySelector('body').classList.add('darkmode');
} else {
document.querySelector('body').classList.remove('darkmode');
document.querySelector('body').classList.add('lightmode');
}
} else {
console.log('You browser does not support local storage, no darkmode for you!' )
}
}
init();
}