。。。

src/assets/main.scss

@@ -1,19 +1,21 @@
 /* 亮色模式 */
 :root {
+  --system-title-bg-color: #ffffff;
   --bg-color: #ffffff;
   --text-color: rgba(0, 0, 0, .85);
   --border-top: #f0f0f0;
-  --border-color:#eee;
-  --border-bottom:#eee;
+  --border-color: #eee;
+  --border-bottom: #eee;
   --font-family: "Helvetica Neue", Helvetica, "PingFang SC", "Hiragino Sans GB", "Microsoft YaHei", "微软雅黑", Arial, sans-serif;
 }
 
 /* 暗黑模式 */
 :root.dark,
 :root[data-theme="dark"] {
+  --system-title-bg-color: rgb(16, 16, 20);
   --bg-color: #232324;
   --border-color: #2e2e30;
-  --border-bottom:#484849;
+  --border-bottom: #484849;
   --text-color: rgba(255, 255, 255, .7);
   --border-top: #121111;
   --color: #fff;
@@ -24,8 +26,9 @@ body {
   background-color: var(--bg-color);
   color: var(--text-color);
   font-family: var(--font-family);
-  border-top: 0 solid  var(--border-top);
+  border-top: 0 solid var(--border-top);
   border-color: var(--border-color);
   border-bottom: var(--border-bottom);
-  transition: all 0.3s ease; /* 平滑过渡效果 */
+  transition: all 0.3s ease;
+  /* 平滑过渡效果 */
 }

src/components/layout/src/Layout.vue

@@ -130,7 +130,7 @@
       font-weight: bold;
       position: absolute;
       top: 0;
-      background: #ffffff;
+      background: var(--system-title-bg-color);
       z-index: 1000;
     }