darkmode.js

var themeToggleSlider=document.getElementById("theme-toggle-slider"),themeToggleSliderMobile=document.getElementById("theme-toggle-slider-mobile");"dark"!==localStorage.getItem("color-theme")&&("color-theme"in localStorage||!window.matchMedia("(prefers-color-scheme: dark)").matches)?(themeToggleSlider.classList.remove("dark-slider"),themeToggleSliderMobile.classList.remove("dark-slider")):(themeToggleSlider.classList.add("dark-slider"),themeToggleSliderMobile.classList.add("dark-slider"));var themeToggleBtn=document.getElementById("theme-toggle");themeToggleBtn.addEventListener("click",function(){themeToggleSlider.classList.toggle("dark-slider"),localStorage.getItem("color-theme")?"light"===localStorage.getItem("color-theme")?(document.documentElement.classList.add("dark"),document.documentElement.setAttribute("data-theme","dark"),localStorage.setItem("color-theme","dark")):(document.documentElement.classList.remove("dark"),document.documentElement.removeAttribute("data-theme"),localStorage.setItem("color-theme","light")):document.documentElement.classList.contains("dark")?(document.documentElement.classList.remove("dark"),document.documentElement.removeAttribute("data-theme"),localStorage.setItem("color-theme","light")):(document.documentElement.classList.add("dark"),document.documentElement.setAttribute("data-theme","dark"),localStorage.setItem("color-theme","dark"))});var themeToggleBtnMobile=document.getElementById("theme-toggle-mobile");themeToggleBtnMobile.addEventListener("click",function(){themeToggleSliderMobile.classList.toggle("dark-slider"),localStorage.getItem("color-theme")?"light"===localStorage.getItem("color-theme")?(document.documentElement.classList.add("dark"),document.documentElement.setAttribute("data-theme","dark"),localStorage.setItem("color-theme","dark")):(document.documentElement.classList.remove("dark"),document.documentElement.removeAttribute("data-theme"),localStorage.setItem("color-theme","light")):document.documentElement.classList.contains("dark")?(document.documentElement.classList.remove("dark"),document.documentElement.removeAttribute("data-theme"),localStorage.setItem("color-theme","light")):(document.documentElement.classList.add("dark"),document.documentElement.setAttribute("data-theme","dark"),localStorage.setItem("color-theme","dark"))});