summaryrefslogtreecommitdiffstats
path: root/static/js/color-scheme-switcher.js
blob: 9166e29be5092c08eb3f5c532cca9dd303dbbae6 (plain) (blame)
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
console.log("Loaded")
const modes = {
    Dark = "dark",
    Light = "light",
}

function getCurrentMode() {
    return localStorage.getItem("theme");
}

const toggleColorSchemeBtn = document.getElementById("toggle-theme-btn");
const body = document.body;
const currentMode = getCurrentMode()
if (currentMode === modes.Light) {
	body.classList.toggle("dark-mode");

}

toggleColorSchemeBtn.addEventListener("click", () => {
    body.classList.toggle("dark-mode");

    if (body.classList.contains("dark-mode")) {
	localStorage.setItem("theme", modes.Dark);
    } else {
	localStorage.setItem("theme", modes.Light);
    }
})