diff --git a/src/js/common.js b/src/js/common.js
index c0d2811..0cbdc03 100644
--- a/src/js/common.js
+++ b/src/js/common.js
@@ -72,8 +72,16 @@ const commonContext = {
     const applyNight = (isNightValue) => {
       if (isNightValue) {
         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 {
         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 () {
         const shadowDom = this.shadowRoot.querySelectorAll('.halo-comment-widget')[0]
diff --git a/templates/common/config.html b/templates/common/config.html
index d34f470..dcb2619 100644
--- a/templates/common/config.html
+++ b/templates/common/config.html
@@ -131,8 +131,12 @@
       if (isNight.toString() === 'true') {
         localStorage.setItem('night', 'true');
         document.documentElement.classList.add('night');
+        // 组件配色方案
+        document.documentElement.classList.add('color-scheme-dark');
       } else {
         localStorage.setItem('night', 'false');
+        // 组件配色方案
+        document.documentElement.classList.add('color-scheme-light');
       }
     })();
   </script>