fix: fix giscus theme issue.

themes/default/js/giscus.js

@@ -0,0 +1,27 @@
+;(() => {
+  const targetElement = document.documentElement;
+  const defaultTheme = targetElement.getAttribute("data-color-mode").toLocaleLowerCase();
+  changeGiscusTheme(defaultTheme)
+  const observer = new MutationObserver((mutationsList, observer) => {
+    for(const mutation of mutationsList) {
+      if (mutation.type === 'attributes') {
+        const value = targetElement.getAttribute("data-color-mode").toLocaleLowerCase();
+        changeGiscusTheme(value)
+      }
+    }
+  });
+
+  observer.observe(targetElement, {
+    attributes: true,
+    attributeOldValue: true
+  });
+
+  function changeGiscusTheme(theme) {
+      const iframe = document.querySelector('.giscus-frame');
+      if (iframe) {
+          iframe.contentWindow.postMessage({
+              giscus: { theme }
+          }, 'https://giscus.app');
+      }
+  }
+})();

themes/default/markdown.ejs

@@ -6,6 +6,9 @@
   <markdown-style theme-auto-switch-disabled>
     <%- html %>
     <%- giscusScript %>
+    <% if (giscusScript) { %>
+      <script src="<%= RELATIVE_PATH %>js/giscus.js?v=<%=idocVersion%>"></script>
+    <% } %>
     <%- include('partial/article-footer'); %>
   </markdown-style>
   <%- include('partial/tocs'); %>