feat: dark giscus

material/base.html

@@ -39,7 +39,7 @@
       {% endif %}
     {% endblock %}
     {% block styles %}
-      <link rel="stylesheet" href="{{ 'assets/stylesheets/main.cc0e2da7.min.css' | url }}">
+      <link rel="stylesheet" href="{{ 'assets/stylesheets/main.d9cc33f8.min.css' | url }}">
       {% if config.theme.palette %}
         {% set palette = config.theme.palette %}
         <link rel="stylesheet" href="{{ 'assets/stylesheets/palette.2505c338.min.css' | url }}">
@@ -250,14 +250,14 @@
       </script>
     {% endblock %}
     {% block scripts %}
-      <script src="{{ 'assets/javascripts/bundle.419493a6.min.js' | url }}"></script>
+      <script src="{{ 'assets/javascripts/bundle.561f57c7.min.js' | url }}"></script>
       {% for path in config.extra_javascript %}
         <script src="{{ path | url }}"></script>
       {% endfor %}
       <script>"use strict";"serviceWorker"in navigator&&navigator.serviceWorker.register("/service-worker.js",{scope:"/"}).then(function(e){console.log("PWA Registration succeeded. Scope is "+e.scope)}).catch(function(e){console.log("PWA Registration failed with "+e)})</script>
     {% endblock %}
     {% if page.meta and page.meta.ᴴₒᴴₒᴴₒ %}
-      <link rel="stylesheet" href="{{ 'assets/stylesheets/extra.cea3306a.min.css' | url }}">
+      <link rel="stylesheet" href="{{ 'assets/stylesheets/extra.746751fe.min.css' | url }}">
       <script src="{{ 'assets/javascripts/extra/bundle.f719a234.min.js' | url }}" defer></script>
     {% endif %}
   </body>

material/partials/comments.html

@@ -16,9 +16,5 @@
 {% if not page.is_homepage and disqus %}
 {% set pageID = page.title | default("404", true) %}
 <div id="__comments" class="giscus" data-no-instant></div>
-{% if config.theme.language == 'zh' %}
-  <script src="https://giscus.app/client.js" data-repo="OI-wiki/gitment" data-repo-id="MDEwOlJlcG9zaXRvcnkxNDQzODg5NjU=" data-category="评论" data-category-id="DIC_kwDOCJszZc4CS54y" data-mapping="specific" data-term="{{ pageID }}" data-strict="0" data-reactions-enabled="1" data-emit-metadata="0" data-input-position="top" data-theme="light" data-lang="zh-CN" data-loading="lazy" crossorigin="anonymous" async></script>
-{% else %}
-  <script src="https://giscus.app/client.js" data-repo="OI-wiki/gitment" data-repo-id="MDEwOlJlcG9zaXRvcnkxNDQzODg5NjU=" data-category="Comments" data-category-id="DIC_kwDOCJszZc4CS53G" data-mapping="specific" data-term="{{ pageID }}" data-strict="0" data-reactions-enabled="1" data-emit-metadata="0" data-input-position="top" data-theme="light" data-lang="en-US" data-loading="lazy" crossorigin="anonymous" async></script>
-{% endif %}
+{% include "partials/javascripts/comments.html" %}
 {% endif %}

material/partials/javascripts/comments.html

@@ -0,0 +1,5 @@
+{#-
+  This file was automatically generated - do not edit
+-#}
+<div id="__comments_script"></div>
+<script>var comments=document.createElement("script"),commentsTheme="slate"===document.body.dataset.mdColorScheme?"dark":"light";Object.entries({async:!0,src:"https://giscus.app/client.js",crossOrigin:"anonymous","data-repo":"OI-wiki/gitment","data-repo-id":"MDEwOlJlcG9zaXRvcnkxNDQzODg5NjU=","data-category":"{% if config.theme.language == 'zh' %}评论{% else %}Comments{% endif %}","data-category-id":"{% if config.theme.language == 'zh' %}DIC_kwDOCJszZc4CS54y{% else %}DIC_kwDOCJszZc4CS53G{% endif %}","data-mapping":"specific","data-term":"{{ pageID }}","data-strict":"0","data-reactions-enabled":"1","data-emit-metadata":"0","data-input-position":"top","data-theme":commentsTheme,"data-lang":"{% if config.theme.language == 'zh' %}zh-CN{% else %}en-US{% endif %}","data-loading":"lazy"}).forEach(e=>comments.setAttribute(e[0],e[1])),document.getElementById("__comments_script").replaceWith(comments)</script>

src/assets/javascripts/components/palette/index.ts

@@ -128,6 +128,11 @@ export function mountPalette(
           label.hidden = palette.index !== index
       }
 
+      /* Spread theme to giscus */
+      const giscusTheme = palette.color?.scheme === 'slate' ? 'dark' : 'light';
+      const giscusEl = document.querySelector('iframe.giscus-frame') as HTMLIFrameElement;
+      giscusEl?.contentWindow?.postMessage({ giscus: { setConfig: { theme: giscusTheme } } }, 'https://giscus.app');
+
       /* Persist preference in local storage */
       __md_set("__palette", palette)
     })

src/partials/comments.html

@@ -15,41 +15,5 @@
 {% if not page.is_homepage and disqus %}
 {% set pageID = page.title | default("404", true) %}
 <div id="__comments" class="giscus" data-no-instant></div>
-{% if config.theme.language == 'zh' %}
-  <script src="https://giscus.app/client.js"
-          data-repo="OI-wiki/gitment"
-          data-repo-id="MDEwOlJlcG9zaXRvcnkxNDQzODg5NjU="
-          data-category="评论"
-          data-category-id="DIC_kwDOCJszZc4CS54y"
-          data-mapping="specific"
-          data-term="{{ pageID }}"
-          data-strict="0"
-          data-reactions-enabled="1"
-          data-emit-metadata="0"
-          data-input-position="top"
-          data-theme="light"
-          data-lang="zh-CN"
-          data-loading="lazy"
-          crossorigin="anonymous"
-          async>
-  </script>
-{% else %}
-  <script src="https://giscus.app/client.js"
-          data-repo="OI-wiki/gitment"
-          data-repo-id="MDEwOlJlcG9zaXRvcnkxNDQzODg5NjU="
-          data-category="Comments"
-          data-category-id="DIC_kwDOCJszZc4CS53G"
-          data-mapping="specific"
-          data-term="{{ pageID }}"
-          data-strict="0"
-          data-reactions-enabled="1"
-          data-emit-metadata="0"
-          data-input-position="top"
-          data-theme="light"
-          data-lang="en-US"
-          data-loading="lazy"
-          crossorigin="anonymous"
-          async>
-  </script>
-{% endif %}
+{% include "partials/javascripts/comments.html" %}
 {% endif %}

src/partials/javascripts/comments.html

@@ -0,0 +1,26 @@
+<div id="__comments_script"></div>
+<script>
+  var comments = document.createElement('script');
+  var commentsTheme = document.body.dataset.mdColorScheme === 'slate' ? 'dark' : 'light';
+
+  Object.entries({
+    async: true,
+    src: "https://giscus.app/client.js",
+    crossOrigin: "anonymous",
+    "data-repo": "OI-wiki/gitment",
+    "data-repo-id": "MDEwOlJlcG9zaXRvcnkxNDQzODg5NjU=",
+    "data-category": "{% if config.theme.language == 'zh' %}评论{% else %}Comments{% endif %}",
+    "data-category-id": "{% if config.theme.language == 'zh' %}DIC_kwDOCJszZc4CS54y{% else %}DIC_kwDOCJszZc4CS53G{% endif %}",
+    "data-mapping": "specific",
+    "data-term": "{{ pageID }}",
+    "data-strict": "0",
+    "data-reactions-enabled": "1",
+    "data-emit-metadata": "0",
+    "data-input-position": "top",
+    "data-theme": commentsTheme,
+    "data-lang": "{% if config.theme.language == 'zh' %}zh-CN{% else %}en-US{% endif %}",
+    "data-loading": "lazy",
+  }).forEach(e => comments.setAttribute(e[0], e[1]));
+
+  document.getElementById('__comments_script').replaceWith(comments);
+</script>