diff --git a/templates/assets/js/halo.js b/templates/assets/js/halo.js
new file mode 100644
index 00000000..69f98c99
--- /dev/null
+++ b/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')
+        }
+           
+    }
+}
\ No newline at end of file
diff --git a/templates/assets/zhheo/rightmenu.js b/templates/assets/zhheo/rightmenu.js
index 463a82c1..80a45f0f 100644
--- a/templates/assets/zhheo/rightmenu.js
+++ b/templates/assets/zhheo/rightmenu.js
@@ -205,6 +205,7 @@ rm.switchDarkMode = function () {
     navFn.switchDarkMode();
     rm.hideRightMenu();
     heo.darkModeStatus();
+    halo.darkComment();
 }
 
 rm.copyUrl = function (id) {
diff --git a/templates/links.html b/templates/links.html
index 084310c4..ecf192be 100644
--- a/templates/links.html
+++ b/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>
diff --git a/templates/modules/head.html b/templates/modules/head.html
index ed75c642..d675babc 100644
--- a/templates/modules/head.html
+++ b/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}">
diff --git a/templates/page.html b/templates/page.html
index ef52ffd4..9c512ab7 100644
--- a/templates/page.html
+++ b/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>
diff --git a/templates/post.html b/templates/post.html
index 85702b22..1d6120c8 100644
--- a/templates/post.html
+++ b/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>