github
/
halo-theme-hao
1
0
Fork 0
Code Issues Pull Requests Packages Projects Releases Wiki Activity

fix: Halo评论组件暗色模式

This commit is contained in:
Airbo ZH 2023-02-10 18:06:55 +08:00 committed by airbo
parent 68b261dd1f
commit bbffe461a7
6 changed files with 18 additions and 3 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

12
templates/assets/js/halo.js Normal file
View File

@ -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')
}
}
}

1
templates/assets/zhheo/rightmenu.js
View File

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

2
templates/links.html
View File

@ -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>

2
templates/modules/head.html
View File

@ -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}">

2
templates/page.html
View File

@ -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>

2
templates/post.html
View File

@ -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>