feat: add giscus theme customization (#522)

Co-authored-by: Xin <[email protected]>
imfing · Dec 26, 2024 · 0716533 · 0716533
1 parent 9efcda2
commit 0716533
Show file tree

Hide file tree

Showing 2 changed files with 11 additions and 1 deletion.
diff --git a/exampleSite/hugo.yaml b/exampleSite/hugo.yaml
@@ -173,3 +173,4 @@ params:
       # emitMetadata: 0
       # inputPosition: top
       # lang: en
+      # theme: noborder_dark
diff --git a/layouts/partials/components/giscus.html b/layouts/partials/components/giscus.html
@@ -8,9 +8,18 @@
    * This solution was created with reference to:
    * https://github.com/giscus/giscus/issues/336#issuecomment-1214366281
   */
-  function getGiscusTheme() {
+  function getHugoTheme() {
     return localStorage.getItem("color-theme");
   }
+
+  function getGiscusTheme() {
+    let giscusTheme = "{{ (string .theme) | default `light` }}";
+    if(getHugoTheme() == 'light') {
+      return giscusTheme.replace('dark', 'light');
+    } else {
+      return giscusTheme.replace('light', 'dark');
+    }
+  }
 
   function setGiscusTheme() {
     function sendMessage(message) {