fix: make Disqus / Utterances follow the global color scheme (#111)

* fix: make Disqus / Utterances follow the global color scheme * fix: check if DISQUS exists before executing DISQUS.reset closes https://github.com/CaiJimmy/hugo-theme-stack/issues/107
2021-01-01 13:32:19 +01:00
parent 2ee854dd6a
commit 84dd80959a
2 changed files with 26 additions and 1 deletions
@@ -13,4 +13,19 @@
    .utterances {
        max-width: unset;
    }
-</style>
+</style>
+
+<script>
+    window.addEventListener('onColorSchemeChange', (e) => {
+        let utterances = document.querySelector('.utterances iframe');
+        if (utterances) {
+            utterances.contentWindow.postMessage(
+                {
+                    type: 'set-theme',
+                    theme: `github-${e.detail}`
+                },
+                'https://utteranc.es'
+            );
+        }
+    })
+</script>