blob: c5fe20b72d7180709e10a84f4516f7f434bf1e7d (
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
28
29
30
31
32
33
34
35
36
37
38
39
40
|
<div class="copyright">
{{ .Site.Params.footer.content | markdownify }}
<div class="footer-item">
| <button id="toggle-theme-btn">Dark/Light</button>
</div>
</div>
<script>
console.log("Loaded")
const modes = {
Dark: "dark",
Light: "light",
}
function getCurrentMode() {
let mode = localStorage.getItem("theme");
return mode === null ? null : mode;
}
const toggleColorSchemeBtn = document.getElementById("toggle-theme-btn");
const body = document.body;
const currentMode = getCurrentMode()
if (currentMode === modes.Dark) {
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);
}
})
</script>
|
