fix: wrong utterances theme after theme is changed

reuixiy · Dec 23, 2019 · 4389ddf · 4389ddf
1 parent 8339f71
commit 4389ddf
Show file tree

Hide file tree

Showing 2 changed files with 4 additions and 1 deletion.
diff --git a/assets/js/dark-mode.js b/assets/js/dark-mode.js
@@ -74,7 +74,7 @@ function changeMode() {
 
     // Utterances
     // https://github.com/utterance/utterances/issues/229
-    {{ if .Site.Params.enableUtterances }}
+    {{ if and .Site.Params.enableUtterances (eq hugo.Environment "production") }}
         if (arguments[0] === "🌙") {
             changeUtterancesTheme("{{ .Site.Params.utterancesThemeDark }}");
         } else {

diff --git a/layouts/partials/third-party/utterances.html b/layouts/partials/third-party/utterances.html
@@ -33,6 +33,9 @@
     {{- $Deliver := .Deliver -}}
     {{- $theme := .theme -}}
     {{- if $Deliver.Site.Params.enableDarkMode -}}
+        const userPrefers = localStorage.getItem('theme');
+        const darkModeMediaQuery = window.matchMedia('(prefers-color-scheme: dark)');
+        const lightModeMediaQuery = window.matchMedia('(prefers-color-scheme: light)');
         if (userPrefers === "dark") {
             script.setAttribute('theme', '{{ $Deliver.Site.Params.utterancesThemeDark }}');
         } else if (userPrefers === "light") {