From a1b084a60e70e70f53f2654af4d694ad3e3bf1a5 Mon Sep 17 00:00:00 2001 From: Francisco Ribeiro Date: Sat, 19 Oct 2024 23:10:21 +0100 Subject: [PATCH] check for themeButton in case #darkmode does not exist (e.g. 404 errors) --- quartz/components/scripts/darkmode.inline.ts | 7 ++++--- 1 file changed, 4 insertions(+), 3 deletions(-) diff --git a/quartz/components/scripts/darkmode.inline.ts b/quartz/components/scripts/darkmode.inline.ts index 038ae0fe5..0568df347 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)