Check actual .matches result with matchMedia calls

Fixes #211
spring-io · Feb 28, 2024 · 280a584 · 280a584
1 parent 1ddb7d8
commit 280a584
Show file tree

Hide file tree

Showing 2 changed files with 2 additions and 2 deletions.
diff --git a/src/partials/head-styles.hbs b/src/partials/head-styles.hbs
@@ -2,7 +2,7 @@
 !function (theme, navWidth) {
   if (theme === 'dark') document.documentElement.classList.add('dark-theme')
   if (navWidth) document.documentElement.style.setProperty('--nav-width', `${navWidth}px`)
-}(localStorage && localStorage.getItem('theme') || (matchMedia('(prefers-color-scheme: dark)') && 'dark'),
+}(localStorage && localStorage.getItem('theme') || (matchMedia('(prefers-color-scheme: dark)')?.matches && 'dark'),
   localStorage && localStorage.getItem('nav-width'))
     </script>
     <link rel="stylesheet" href="{{{uiRootPath}}}/css/site.css">

diff --git a/src/partials/header-content.hbs b/src/partials/header-content.hbs
@@ -216,5 +216,5 @@
   if (theme === 'dark') {
     document.getElementById('switch-theme-checkbox').parentElement.classList.add('active')
   }
-}(localStorage && localStorage.getItem('theme') || (matchMedia('(prefers-color-scheme: dark)') && 'dark'))
+}(localStorage && localStorage.getItem('theme') || (matchMedia('(prefers-color-scheme: dark)')?.matches && 'dark'))
 </script>