Fix disqus background in dark mode.

CONTRIBUTORS.md

@@ -118,3 +118,4 @@
 - [Daniel Nduati](https://github.com/DanNduati)
 - [Simon Hollingshead](https://github.com/simonhollingshead)
 - [yangyangdaji](https://github.com/yangyangdaji)
+- [xiaotianxt](https://github.com/xiaotianxt)

assets/js/coder.js

@@ -76,6 +76,9 @@ function setTheme(theme) {
 
  }
 
+ // Create and send event
+ const event = new Event('themeChanged');
+ document.dispatchEvent(event);
 }
 
 function rememberTheme(theme) {

assets/scss/_base.scss

@@ -23,6 +23,10 @@ body {
  }
 }
 
+iframe[src*=disqus] {
+ color-scheme: light;
+}
+
 a {
  font-weight: 500;
  color: $link-color;

exampleSite/resources/_gen/assets/scss/scss/coder.scss_fd4b5b3f9a48bc0c7f005d2f7a4cc30f.content

@@ -3050,6 +3050,9 @@ body {
  body {
  font-size: 1.6em;
  line-height: 1.6em; } }
+iframe[src*=disqus] {
+ color-scheme: light; }
+
 a {
  font-weight: 500;
  color: #1565c0;

layouts/partials/posts/disqus.html

@@ -1,3 +1,26 @@
 {{- if and (not (eq (.Site.DisqusShortname | default "") "")) (eq (.Params.disableComments | default false) false) -}}
- {{ template "_internal/disqus.html" . }}
+<div id="disqus_thread"></div>
+<script>
+ window.disqus_config = function () {
+ {{with .Params.disqus_identifier }}this.page.identifier = '{{ . }}';{{end}}
+ {{with .Params.disqus_title }}this.page.title = '{{ . }}';{{end}}
+ {{with .Params.disqus_url }}this.page.url = '{{ . | html }}';{{end}}
+ };
+ (function() {
+ if (["localhost", "127.0.0.1"].indexOf(window.location.hostname) != -1) {
+ document.getElementById('disqus_thread').innerHTML = 'Disqus comments not available by default when the website is previewed locally.';
+ return;
+ }
+ var d = document, s = d.createElement('script'); s.async = true;
+ s.src = '//' + {{ .Site.DisqusShortname }} + '.disqus.com/embed.js';
+ s.setAttribute('data-timestamp', +new Date());
+ (d.head || d.body).appendChild(s);
+ })();
+ // Disqus theme switching
+ document.addEventListener('themeChanged', function (e) { 
+ if (document.readyState == 'complete') {
+ DISQUS.reset({ reload: true, config: disqus_config });
+ }
+ });
+</script>
 {{- end -}}

resources/_gen/assets/scss/scss/coder.scss_5e1eb8e37c42cdfb6215b61e44dcfa5f.json

@@ -1 +1 @@
-{"Target":"css/coder.min.c4d7e93a158eda5a65b3df343745d2092a0a1e2170feeec909b8a89443903c6a.css","MediaType":"text/css","Data":{"Integrity":"sha256-xNfpOhWO2lpls980N0XSCSoKHiFw/u7JCbiolEOQPGo="}}
+{"Target":"css/coder.min.7f9d180e3b3bebba9ba80d55eed1255c35e00764872854736d6ad7db38884ffc.css","MediaType":"text/css","Data":{"Integrity":"sha256-f50YDjs767qbqA1V7tElXDXgB2SHKFRzbWrX2ziIT/w="}}

resources/_gen/assets/scss/scss/coder.scss_fd4b5b3f9a48bc0c7f005d2f7a4cc30f.content

@@ -3050,6 +3050,9 @@ body {
  body {
  font-size: 1.6em;
  line-height: 1.6em; } }
+iframe[src*=disqus] {
+ color-scheme: light; }
+
 a {
  font-weight: 500;
  color: #1565c0;