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
|
document.addEventListener("DOMContentLoaded", function () {
const toggleButton = document.createElement("button");
toggleButton.innerText = "🌓 Dark Mode";
toggleButton.style.cssText = `
position: fixed;
bottom: 20px;
right: 20px;
padding: 8px 12px;
background-color: #444;
color: white;
border: none;
cursor: pointer;
z-index: 1000;
`;
document.body.appendChild(toggleButton);
toggleButton.addEventListener("click", function () {
document.body.classList.toggle("dark-mode");
localStorage.setItem("dark-mode", document.body.classList.contains("dark-mode"));
});
// Persist dark mode preference across pages
if (localStorage.getItem("dark-mode") === "true") {
document.body.classList.add("dark-mode");
}
});
|
