fix: Halo评论组件暗色模式

templates/assets/js/halo.js

@@ -0,0 +1,12 @@
+let halo = {
+    darkComment : ()=>{
+        if(document.querySelector('#comment div').shadowRoot.querySelector('.halo-comment-widget').classList != null){
+            let commentDOMclass =  document.querySelector('#comment div').shadowRoot.querySelector('.halo-comment-widget').classList
+            if(commentDOMclass.contains('light'))
+                commentDOMclass.replace('light','dark')
+            else
+            commentDOMclass.replace('dark','light')
+        }
+           
+    }
+}

templates/assets/zhheo/rightmenu.js

@@ -205,6 +205,7 @@ rm.switchDarkMode = function () {
     navFn.switchDarkMode();
     rm.hideRightMenu();
     heo.darkModeStatus();
+    halo.darkComment();
 }
 
 rm.copyUrl = function (id) {

templates/links.html

@@ -117,7 +117,7 @@
                             <span>你无需删除空行，直接评论以获取最佳展示效果</span>
                         </div>
                     </div>
-                    <halo:comment group="content.halo.run" kind="SinglePage" th:attr="name='links'"/>
+                    <halo:comment group="content.halo.run" kind="SinglePage" th:attr="name='links'" colorScheme="document.documentElement.getAttribute('data-theme')" />
                 </div>
             </div>
         </main>

templates/modules/head.html

@@ -14,6 +14,8 @@
 
     <script th:src="@{/assets/js/heo.js}"></script>
 
+    <script th:src="@{/assets/js/halo.js}"></script>
+
     <link rel="stylesheet" th:href="@{/assets/zhheo/zhheoblog.css}">
     
     <link rel="stylesheet" th:href="@{/assets/zhheo/custom.css}">

templates/page.html

@@ -26,7 +26,7 @@
                         </div>
                     </div>
                     <halo:comment group="content.halo.run" kind="SinglePage"
-                                  th:attr="name=${singlePage.metadata.name}"/>
+                                  th:attr="name=${singlePage.metadata.name}" colorScheme="document.documentElement.getAttribute('data-theme')" />
                 </div>
 
             </div>

templates/post.html

@@ -229,7 +229,7 @@
                             <span>你无需删除空行，直接评论以获取最佳展示效果</span>
                         </div>
                     </div>
-                    <halo:comment group="content.halo.run" kind="Post" th:attr="name=${post.metadata.name}"/>
+                    <halo:comment group="content.halo.run" kind="Post" th:attr="name=${post.metadata.name}" colorScheme="document.documentElement.getAttribute('data-theme') />
                 </div>
             </div>