diff --git a/layouts/partials/third-party/utterances.html b/layouts/partials/third-party/utterances.html
index 94a12d81..5f667dd7 100644
--- a/layouts/partials/third-party/utterances.html
+++ b/layouts/partials/third-party/utterances.html
@@ -8,7 +8,7 @@
             script.crossOrigin = 'anonymous';
             script.setAttribute('repo', '{{ .Site.Params.utterancesRepo }}');
             script.setAttribute('issue-term', '{{ .Site.Params.utterancesIssueTerm }}');
-            script.setAttribute('theme', '{{ template "utterances-theme" . }}');
+            {{ template "utterances-theme" . }}
             {{ with .Site.Params.utterancesLabel }}
                 script.setAttribute('label', '{{ . }}');
             {{ end }}
@@ -22,5 +22,15 @@
     {{- if and .Site.Params.enableDarkMode (eq .Site.Params.defaultTheme "dark") -}}
         {{- $theme = .Site.Params.utterancesThemeDark | default "photon-dark" -}}
     {{- end -}}
-    {{- $theme -}}
+
+    {{- if .Site.Params.enableDarkMode -}}
+        const isDark = getCurrentTheme() === 'dark';
+        if (isDark) {
+            script.setAttribute('theme', '{{ .Site.Params.utterancesThemeDark | default "photon-dark" }}');
+        } else {
+            script.setAttribute('theme', '{{ .Site.Params.utterancesTheme | default "github-light" }}');
+        }
+    {{- else -}}
+        script.setAttribute('theme', '{{ $theme }}');
+    {{- end -}}
 {{- end -}}