From 672ad8da9899dadb5ec0e237864279541cde9d58 Mon Sep 17 00:00:00 2001
From: saberzero1 <github@emilebangma.com>
Date: Thu, 12 Mar 2026 19:45:31 +0100
Subject: [PATCH] feat: add render event listener for in-place DOM
 re-initialization

---
 src/components/scripts/darkmode.inline.ts | 7 +++++--
 1 file changed, 5 insertions(+), 2 deletions(-)

diff --git a/src/components/scripts/darkmode.inline.ts b/src/components/scripts/darkmode.inline.ts
index 4cd1b28..ecf3b50 100644
--- a/src/components/scripts/darkmode.inline.ts
+++ b/src/components/scripts/darkmode.inline.ts
@@ -9,7 +9,7 @@ const emitThemeChangeEvent = (theme: "light" | "dark") => {
   document.dispatchEvent(event);
 };
 
-document.addEventListener("nav", () => {
+const setupDarkmode = () => {
   const switchTheme = () => {
     const newTheme =
       document.documentElement.getAttribute("saved-theme") === "dark" ? "light" : "dark";
@@ -34,4 +34,7 @@ document.addEventListener("nav", () => {
   const colorSchemeMediaQuery = window.matchMedia("(prefers-color-scheme: dark)");
   colorSchemeMediaQuery.addEventListener("change", themeChange);
   window.addCleanup(() => colorSchemeMediaQuery.removeEventListener("change", themeChange));
-});
+};
+
+document.addEventListener("nav", setupDarkmode);
+document.addEventListener("render", setupDarkmode);