| 1234567891011121314151617181920212223242526272829303132 |
- (() => {
- // <stdin>
- var themeToggleDarkIcon = document.getElementById("theme-toggle-dark-icon");
- var themeToggleLightIcon = document.getElementById("theme-toggle-light-icon");
- if (localStorage.getItem("color-theme") === "dark" || !("color-theme" in localStorage) && window.matchMedia("(prefers-color-scheme: dark)").matches) {
- themeToggleLightIcon.classList.remove("hidden");
- } else {
- themeToggleDarkIcon.classList.remove("hidden");
- }
- var themeToggleBtn = document.getElementById("theme-toggle");
- themeToggleBtn.addEventListener("click", function() {
- themeToggleDarkIcon.classList.toggle("hidden");
- themeToggleLightIcon.classList.toggle("hidden");
- if (localStorage.getItem("color-theme")) {
- if (localStorage.getItem("color-theme") === "light") {
- document.documentElement.classList.add("dark");
- localStorage.setItem("color-theme", "dark");
- } else {
- document.documentElement.classList.remove("dark");
- localStorage.setItem("color-theme", "light");
- }
- } else {
- if (document.documentElement.classList.contains("dark")) {
- document.documentElement.classList.remove("dark");
- localStorage.setItem("color-theme", "light");
- } else {
- document.documentElement.classList.add("dark");
- localStorage.setItem("color-theme", "dark");
- }
- }
- });
- })();
|