diff --git a/quartz.config.ts b/quartz.config.ts
index 715c440b9..c589b27ec 100644
--- a/quartz.config.ts
+++ b/quartz.config.ts
@@ -26,7 +26,8 @@ const config: QuartzConfig = {
           // darkgray: "#4e4e4e",
           darkgray: "#2e2e2e",
           dark: "#2b2b2b",
-          secondary: "#284b63",
+          // secondary: "#284b63",
+          secondary: "#152733",
           tertiary: "#84a59d",
           highlight: "#8f9fa926",
         },
diff --git a/quartz/components/scripts/callout.inline.ts b/quartz/components/scripts/callout.inline.ts
index d8cf5180a..570d36692 100644
--- a/quartz/components/scripts/callout.inline.ts
+++ b/quartz/components/scripts/callout.inline.ts
@@ -40,5 +40,5 @@ function setupCallout() {
   }
 }
 
-document.addEventListener(`nav`, setupCallout)
+document.addEventListener(`nav`, setupCallout, {passive: true})
 window.addEventListener(`resize`, setupCallout)
diff --git a/quartz/components/scripts/clipboard.inline.ts b/quartz/components/scripts/clipboard.inline.ts
index c604c9bc5..29b373cb5 100644
--- a/quartz/components/scripts/clipboard.inline.ts
+++ b/quartz/components/scripts/clipboard.inline.ts
@@ -30,4 +30,4 @@ document.addEventListener("nav", () => {
       els[i].prepend(button)
     }
   }
-})
+}, {passive: true})
diff --git a/quartz/components/scripts/darkmode.inline.ts b/quartz/components/scripts/darkmode.inline.ts
index c42a367c9..8a7f3de46 100644
--- a/quartz/components/scripts/darkmode.inline.ts
+++ b/quartz/components/scripts/darkmode.inline.ts
@@ -29,4 +29,4 @@ document.addEventListener("nav", () => {
     localStorage.setItem("theme", newTheme)
     toggleSwitch.checked = e.matches
   })
-})
+}, {passive: true})
diff --git a/quartz/components/scripts/explorer.inline.ts b/quartz/components/scripts/explorer.inline.ts
index 9fe18654f..b2cc3749d 100644
--- a/quartz/components/scripts/explorer.inline.ts
+++ b/quartz/components/scripts/explorer.inline.ts
@@ -136,7 +136,7 @@ document.addEventListener("nav", () => {
 
   observer.disconnect()
   observer.observe(lastItem as Element)
-})
+}, {passive: true})
 
 /**
  * Toggles the state of a given folder
diff --git a/quartz/components/scripts/graph.inline.ts b/quartz/components/scripts/graph.inline.ts
index 1aff138f2..587a39904 100644
--- a/quartz/components/scripts/graph.inline.ts
+++ b/quartz/components/scripts/graph.inline.ts
@@ -325,4 +325,4 @@ document.addEventListener("nav", async (e: unknown) => {
   const containerIcon = document.getElementById("global-graph-icon")
   containerIcon?.removeEventListener("click", renderGlobalGraph)
   containerIcon?.addEventListener("click", renderGlobalGraph)
-})
+}, {passive: true})
diff --git a/quartz/components/scripts/plausible.inline.ts b/quartz/components/scripts/plausible.inline.ts
index 704f5d5fe..719ab33f0 100644
--- a/quartz/components/scripts/plausible.inline.ts
+++ b/quartz/components/scripts/plausible.inline.ts
@@ -1,3 +1,3 @@
 import Plausible from "plausible-tracker"
 const { trackPageview } = Plausible()
-document.addEventListener("nav", () => trackPageview())
+document.addEventListener("nav", () => trackPageview(), {passive: true})
diff --git a/quartz/components/scripts/popover.inline.ts b/quartz/components/scripts/popover.inline.ts
index ed3c925ce..937536f28 100644
--- a/quartz/components/scripts/popover.inline.ts
+++ b/quartz/components/scripts/popover.inline.ts
@@ -80,4 +80,4 @@ document.addEventListener("nav", () => {
     link.removeEventListener("mouseenter", mouseEnterHandler)
     link.addEventListener("mouseenter", mouseEnterHandler)
   }
-})
+}, {passive: true})
diff --git a/quartz/components/scripts/search.inline.ts b/quartz/components/scripts/search.inline.ts
index eff4eb1b9..1938356ba 100644
--- a/quartz/components/scripts/search.inline.ts
+++ b/quartz/components/scripts/search.inline.ts
@@ -293,7 +293,7 @@ document.addEventListener("nav", async (e: unknown) => {
     document.removeEventListener("keydown", prevShortcutHandler)
   }
 
-  document.addEventListener("keydown", shortcutHandler)
+  document.addEventListener("keydown", shortcutHandler, {passive: true})
   prevShortcutHandler = shortcutHandler
   searchIcon?.removeEventListener("click", () => showSearch("basic"))
   searchIcon?.addEventListener("click", () => showSearch("basic"))
@@ -330,7 +330,7 @@ document.addEventListener("nav", async (e: unknown) => {
 
   // register handlers
   registerEscapeHandler(container, hideSearch)
-})
+}, {passive: true})
 
 /**
  * Fills flexsearch document with data
diff --git a/quartz/components/scripts/toc.inline.ts b/quartz/components/scripts/toc.inline.ts
index f33d8f504..2b1a3f894 100644
--- a/quartz/components/scripts/toc.inline.ts
+++ b/quartz/components/scripts/toc.inline.ts
@@ -39,4 +39,4 @@ document.addEventListener("nav", () => {
   observer.disconnect()
   const headers = document.querySelectorAll("h1[id], h2[id], h3[id], h4[id], h5[id], h6[id]")
   headers.forEach((header) => observer.observe(header))
-})
+}, {passive: true})
diff --git a/quartz/components/scripts/util.ts b/quartz/components/scripts/util.ts
index 5fcabadc1..31a724b9a 100644
--- a/quartz/components/scripts/util.ts
+++ b/quartz/components/scripts/util.ts
@@ -15,7 +15,7 @@ export function registerEscapeHandler(outsideContainer: HTMLElement | null, cb:
   outsideContainer?.removeEventListener("click", click)
   outsideContainer?.addEventListener("click", click)
   document.removeEventListener("keydown", esc)
-  document.addEventListener("keydown", esc)
+  document.addEventListener("keydown", esc, {passive: true})
 }
 
 export function removeAllChildren(node: HTMLElement) {