Skip to content

Commit a815979

Browse files
committed
Add dark mode toggle functionality to mode.js
1 parent 2f1e79c commit a815979

File tree

1 file changed

+19
-0
lines changed

1 file changed

+19
-0
lines changed

assets/js/mode.js

Lines changed: 19 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,19 @@
1+
const toggleSwitch = document.querySelector("#dark-mode-toggle");
2+
// const currentTheme = localStorage.getItem("theme");
3+
4+
if (currentTheme) {
5+
document.documentElement.setAttribute("data-theme", currentTheme);
6+
}
7+
8+
function switchTheme() {
9+
const currentTheme = document.documentElement.getAttribute("data-theme");
10+
if (currentTheme === "dark") {
11+
document.documentElement.setAttribute("data-theme", "light");
12+
localStorage.setItem("theme", "light");
13+
} else {
14+
document.documentElement.setAttribute("data-theme", "dark");
15+
localStorage.setItem("theme", "dark");
16+
}
17+
}
18+
19+
toggleSwitch.addEventListener("click", switchTheme, false);

0 commit comments

Comments
 (0)