From 07f08844627c0e15b4ea16c46ea05a3e8fb92e3f Mon Sep 17 00:00:00 2001
From: Cory LaViska <cory@abeautifulsite.net>
Date: Thu, 14 Sep 2023 11:45:18 -0400
Subject: [PATCH] fix

---
 docs/_includes/sidebar.njk | 15 +++++++--------
 1 file changed, 7 insertions(+), 8 deletions(-)

diff --git a/docs/_includes/sidebar.njk b/docs/_includes/sidebar.njk
index bd7ce74ad..9b7d3d8aa 100644
--- a/docs/_includes/sidebar.njk
+++ b/docs/_includes/sidebar.njk
@@ -4,15 +4,14 @@
     <ul>
       <li><a href="/experimental/themer">Themer</a></li>
       <li style="margin-top: .5rem;"><wa-switch id="theme-toggle">Dark mode</wa-switch></li>
-      <script>
-        document.getElementById('theme-toggle').checked = document.documentElement.classList.contains('wa-theme-default-dark');
+      <script type="module">
+        // Temporary dark toggle
+        const toggle = document.getElementById('theme-toggle');
+        toggle.checked = document.documentElement.classList.contains('wa-theme-default-dark');
 
-        // Quick hack to show light/dark themes
-        document.addEventListener('wa-change', event => {
-          if (event.target.closest('wa-switch') === document.getElementById('theme-toggle')) {
-            document.documentElement.classList.toggle('wa-theme-default-dark');
-            localStorage.setItem('theme', document.documentElement.classList.contains('wa-theme-default-dark') ? 'dark' : 'light')
-          }
+        toggle.addEventListener('wa-change', () => {
+          document.documentElement.classList.toggle('wa-theme-default-dark');
+          localStorage.setItem('theme', toggle.checked ? 'dark' : 'light');
         });
       </script>
     </ul>