โŒ

OOps!

OOPS, PAGE NOT FOUND!

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Ut elit tellus, nec mattis, pulvinar dapibus leo.

document.addEventListener("DOMContentLoaded", function () { const body = document.body; const toggle = document.getElementById("jhl-theme-toggle"); const lightIcon = toggle.querySelector(".jhl-toggle-light"); const darkIcon = toggle.querySelector(".jhl-toggle-dark"); if (!toggle || !lightIcon || !darkIcon) { console.error("Theme toggle elements not found."); return; } // Load saved theme let saved = localStorage.getItem("jhl-theme"); if (saved === "dark") { body.classList.add("dark-mode"); darkIcon.classList.add("active"); lightIcon.classList.remove("active"); } else { body.classList.add("light-mode"); lightIcon.classList.add("active"); darkIcon.classList.remove("active"); } // Toggle click toggle.addEventListener("click", () => { const isLight = body.classList.contains("light-mode"); if (isLight) { body.classList.remove("light-mode"); body.classList.add("dark-mode"); lightIcon.classList.remove("active"); darkIcon.classList.add("active"); localStorage.setItem("jhl-theme", "dark"); } else { body.classList.remove("dark-mode"); body.classList.add("light-mode"); darkIcon.classList.remove("active"); lightIcon.classList.add("active"); localStorage.setItem("jhl-theme", "light"); } }); });