| | |
| | | } |
| | | |
| | | document.addEventListener("nav", () => { |
| | | const switchTheme = (e: Event) => { |
| | | const switchTheme = () => { |
| | | const newTheme = |
| | | document.documentElement.getAttribute("saved-theme") === "dark" ? "light" : "dark" |
| | | document.documentElement.setAttribute("saved-theme", newTheme) |
| | |
| | | emitThemeChangeEvent(newTheme) |
| | | } |
| | | |
| | | // Darkmode toggle |
| | | const themeButton = document.querySelector("#darkmode") as HTMLButtonElement |
| | | themeButton.addEventListener("click", switchTheme) |
| | | window.addCleanup(() => themeButton.removeEventListener("click", switchTheme)) |
| | | for (const darkmodeButton of document.getElementsByClassName("darkmode")) { |
| | | darkmodeButton.addEventListener("click", switchTheme) |
| | | window.addCleanup(() => darkmodeButton.removeEventListener("click", switchTheme)) |
| | | } |
| | | |
| | | // Listen for changes in prefers-color-scheme |
| | | const colorSchemeMediaQuery = window.matchMedia("(prefers-color-scheme: dark)") |