hcjike/halo-theme-dream2.0-plus
hcjike/halo-theme-dream2.0-plus
1
1
Fork 0
mirror of https://ghfast.top/https://github.com/zsjy/halo-theme-dream2.0-plus.git synced 2025-03-16 03:09:41 +08:00
Code Issues Packages Projects Releases Wiki Activity

优化：为组件添加暗黑模式时的默认样式

Browse Source
This commit is contained in:
mjsoftware 2024-03-05 19:08:08 +08:00
parent 86039958e4
commit 69dbfffe2e
2 changed files with 12 additions and 0 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

8
src/js/common.js
View File

@ -72,8 +72,16 @@ const commonContext = {
const applyNight = (isNightValue) => { const applyNight = (isNightValue) => {
if (isNightValue) { if (isNightValue) {
document.documentElement.classList.add('night') document.documentElement.classList.add('night')
// 组件配色方案
$('html').addClass('color-scheme-dark').removeClass('color-scheme-light')
// document.documentElement.classList.add('color-scheme-dark')
// document.documentElement.classList.remove('color-scheme-light')
} else { } else {
document.documentElement.classList.remove('night') document.documentElement.classList.remove('night')
// 组件配色方案
$('html').addClass('color-scheme-light').removeClass('color-scheme-dark')
// document.documentElement.classList.remove('color-scheme-dark')
// document.documentElement.classList.add('color-scheme-light')
} }
$('.comment-section>div').each(function () { $('.comment-section>div').each(function () {
const shadowDom = this.shadowRoot.querySelectorAll('.halo-comment-widget')[0] const shadowDom = this.shadowRoot.querySelectorAll('.halo-comment-widget')[0]

4
templates/common/config.html
View File

@ -131,8 +131,12 @@
if (isNight.toString() === 'true') { if (isNight.toString() === 'true') {
localStorage.setItem('night', 'true'); localStorage.setItem('night', 'true');
document.documentElement.classList.add('night'); document.documentElement.classList.add('night');
// 组件配色方案
document.documentElement.classList.add('color-scheme-dark');
} else { } else {
localStorage.setItem('night', 'false'); localStorage.setItem('night', 'false');
// 组件配色方案
document.documentElement.classList.add('color-scheme-light');
} }
})(); })();
</script> </script>