blob: 23ddffd3cd1d8e90f8998f880912f2b985aec9da (
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
41
42
43
44
|
<div class="copyright">
{{ .Site.Params.footer.content | markdownify }}
<div class="footer-item">
<a href="/rss">
<i class="fa fa-rss">🛜</i>
</a>
</div>
<div class="footer-item">
<button id="toggle-theme-btn">🌞/🌙</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>
|
