diff --git a/quartz/components/scripts/darkmode.inline.ts b/quartz/components/scripts/darkmode.inline.ts index 038ae0f..56009a3 100644 --- a/quartz/components/scripts/darkmode.inline.ts +++ b/quartz/components/scripts/darkmode.inline.ts @@ -27,9 +27,10 @@ document.addEventListener("nav", () => { // Darkmode toggle const themeButton = document.querySelector("#darkmode") as HTMLButtonElement - themeButton.addEventListener("click", switchTheme) - window.addCleanup(() => themeButton.removeEventListener("click", switchTheme)) - + if (themeButton) { + themeButton.addEventListener("click", switchTheme) + window.addCleanup(() => themeButton.removeEventListener("click", switchTheme)) + } // Listen for changes in prefers-color-scheme const colorSchemeMediaQuery = window.matchMedia("(prefers-color-scheme: dark)") colorSchemeMediaQuery.addEventListener("change", themeChange)