zektyc/public/js/theme.js

(function () {
  var STORAGE_KEY = "zektyc-theme"
  var DEFAULT = "dark"

  function getPreferred() {
    try {
      var stored = localStorage.getItem(STORAGE_KEY)
      if (stored === "light" || stored === "dark") return stored
    } catch (e) {}
    return DEFAULT
  }

  function apply(theme) {
    document.documentElement.setAttribute("data-theme", theme)
  }

  apply(getPreferred())

  document.addEventListener("click", function (e) {
    var btn = e.target.closest ? e.target.closest(".theme-btn") : null
    if (!btn) return
    var current = document.documentElement.getAttribute("data-theme") || DEFAULT
    var next = current === "dark" ? "light" : "dark"
    apply(next)
    try {
      localStorage.setItem(STORAGE_KEY, next)
    } catch (e) {}
  })
})();