From 9511569d05d071fd36316fe996cac6c7088fe909 Mon Sep 17 00:00:00 2001
From: squidfunk <martin.donath@squidfunk.com>
Date: Sun, 16 Jan 2022 11:16:07 +0100
Subject: [PATCH] Added dark mode support for Giscus

---
 material/overrides/blog.html |  1 +
 src/overrides/blog.html      | 19 +++++++++++++++++++
 2 files changed, 20 insertions(+)

diff --git a/material/overrides/blog.html b/material/overrides/blog.html
index 914b58f25..da3d400aa 100644
--- a/material/overrides/blog.html
+++ b/material/overrides/blog.html
@@ -6,4 +6,5 @@
   {{ super() }}
   <h2 id="__comments">{{ lang.t("meta.comments") }}</h2>
   <script src="https://giscus.app/client.js" data-repo="squidfunk/mkdocs-material" data-repo-id="MDEwOlJlcG9zaXRvcnk1MDYxNzQyOA==" data-category="_" data-category-id="DIC_kwDOAwRcVM4CAtJY" data-mapping="pathname" data-reactions-enabled="1" data-emit-metadata="1" data-theme="light" data-lang="en" crossorigin="anonymous" async></script>
+  <script>var giscus,palette=__md_get("__palette");palette&&"object"==typeof palette.color&&"slate"===palette.color.scheme&&(giscus=document.querySelector("script[src*=giscus]")).setAttribute("data-theme","dark"),document.addEventListener("DOMContentLoaded",function(){var t=document.querySelector("[data-md-component=palette]");component$.subscribe(function(e){e.ref===t&&location.reload()})})</script>
 {% endblock %}
diff --git a/src/overrides/blog.html b/src/overrides/blog.html
index 3a18391b8..4f6833e2b 100644
--- a/src/overrides/blog.html
+++ b/src/overrides/blog.html
@@ -43,4 +43,23 @@
     async
   >
   </script>
+
+  <!-- Reload on palette change -->
+  <script>
+    var palette = __md_get("__palette")
+    if (palette && typeof palette.color === "object")
+      if (palette.color.scheme === "slate") {
+        var giscus = document.querySelector("script[src*=giscus]")
+        giscus.setAttribute("data-theme", "dark")
+      }
+
+    /* Reload on palette change */
+    document.addEventListener("DOMContentLoaded", function() {
+      var ref = document.querySelector("[data-md-component=palette]")
+      component$.subscribe(function (component) {
+        if (component.ref === ref)
+          location.reload()
+      })
+    })
+  </script>
 {% endblock %}