Themes-Archiv - Florian Völkel

document.addEventListener("click", function (e) { if (!e.target.classList.contains("mode-opt")) return; const preview = e.target.closest(".preview"); if (!preview) return; const mode = e.target.dataset.mode; preview.querySelectorAll(".mode-opt").forEach(o => o.classList.remove("active")); e.target.classList.add("active"); if (mode === "dark") { preview.classList.add("dark"); } else { preview.classList.remove("dark"); } }); document.addEventListener("DOMContentLoaded", function () { const saved = localStorage.getItem("story-theme"); if (!saved) return; document.querySelectorAll(".preview").forEach(preview => { if (saved === "dark") { preview.classList.add("dark"); const darkBtn = preview.querySelector('[data-mode="dark"]'); const lightBtn = preview.querySelector('[data-mode="light"]'); if (darkBtn && lightBtn) { lightBtn.classList.remove("active"); darkBtn.classList.add("active"); } } }); });