界面皮肤

src/component/bar/index.css

@@ -4,8 +4,8 @@
     flex: 0 0 47px;
     max-width: 47px;
     height: calc(100vh - 48px);
-    background: #F0F0F0;
-    border-right: #ebebeb;
+    background: var(--colorBarBackground);
+    border-right: var(--colorBarBorderBackground);
     text-align: center;
 }
 

src/component/content/index.css

@@ -35,7 +35,6 @@ img.content-header-img-size {
 }
 
 .content-header-img-name-text {
-    color: rgb(50, 49, 48);
     font-family: "Segoe UI", "Segoe UI Web (West European)", "Segoe UI", -apple-system, BlinkMacSystemFont, Roboto, "Helvetica Neue", sans-serif;
     -webkit-font-smoothing: antialiased;
     font-size: 24px;
@@ -62,7 +61,6 @@ button.btngroup-btn {
 
 button.btngroup-btn {
     color: var(--colorNeutralForeground1);
-    color: rgb(96, 94, 92);
 }
 
     button.btngroup-btn:hover {
@@ -70,7 +68,7 @@ button.btngroup-btn {
     }
 
     a.content-side-li-nav {
-        color: var(--colorNeutralForeground1);
+        color: var(--colorSideFontText, var(--colorNeutralForeground1));
         padding-left: 30px;
         height: 44px;
         line-height: 44px;
@@ -83,7 +81,7 @@ button.btngroup-btn {
     }
 
 .zl-365-content-side-li:hover {
-    background: #faf9f8;
+    background: var(--colorSideFontTextBackground, #faf9f8);;
     color: var(--colorBrandBackgroundHover);
     cursor: pointer;
 }

src/component/hedaer/themeData/深蓝色.json

@@ -423,6 +423,11 @@
     "colorStatusDangerBorder2": "#c50f1f",
     "colorStatusDangerBackground3Hover": "#b10e1c",
     "colorStatusDangerBackground3Pressed": "#960b18",
+    "colorbodyBackground": "#1b1a19",
+    "colorBarBackground": "#252423",
+    "colorBarBorderBackground": "#292827",
+    "colorSideFontText": "#f3f2f1",
+    "colorSideFontTextBackground": "#201f1e",
     "shadow2": "0 0 2px rgba(0,0,0,0.12), 0 1px 2px rgba(0,0,0,0.14)",
     "shadow4": "0 0 2px rgba(0,0,0,0.12), 0 2px 4px rgba(0,0,0,0.14)",
     "shadow8": "0 0 2px rgba(0,0,0,0.12), 0 4px 8px rgba(0,0,0,0.14)",

src/component/hedaer/themeData/深黄色.json

@@ -423,6 +423,11 @@
     "colorStatusDangerBorder2": "#c50f1f",
     "colorStatusDangerBackground3Hover": "#b10e1c",
     "colorStatusDangerBackground3Pressed": "#960b18",
+    "colorbodyBackground": "#1b1a19",
+    "colorBarBackground": "#252423",
+    "colorBarBorderBackground": "#292827",
+    "colorSideFontText": "#f3f2f1",
+    "colorSideFontTextBackground": "#201f1e",
     "shadow2": "0 0 2px rgba(0,0,0,0.12), 0 1px 2px rgba(0,0,0,0.14)",
     "shadow4": "0 0 2px rgba(0,0,0,0.12), 0 2px 4px rgba(0,0,0,0.14)",
     "shadow8": "0 0 2px rgba(0,0,0,0.12), 0 4px 8px rgba(0,0,0,0.14)",

src/pages/home/index.css

@@ -1,3 +1,6 @@
+div.fui-FluentProviderr0{
+    background-color: var(--colorbodyBackground);
+}
 .layout-col-4 {
     flex: 0 0 33.33333%;
     max-width: 33.33333%;
@@ -62,4 +65,51 @@ input.theme-modal-item-input {
     margin: 7px;
     color: var(--colorNeutralForeground1);
     display: inline-block;
+}
+.fui-Textarea__textarea ___isn8nb0_1juplfi{
+    color: var(--colorNeutralForeground1) !important;
+}
+.fui-CalendarDayGrid__table ___9qhpmt0_5v298s0 .f19n0e5 {
+    color: #180d0d;
+}
+
+.zl-365-container {
+    color: var(--colorSideFontText, var(--colorNeutralForeground3));
+}
+
+
+.zl-365-container .r1alrhcs {
+    color: var(--colorSideFontText, var(--colorNeutralForeground1));
+}
+.zl-365-container .f1phragk {
+    color: var(--colorSideFontText, var(--colorNeutralForegroundOnBrand));
+}
+.zl-365-container .r15xhw3a {
+    color: var(--colorSideFontText, var(--colorNeutralForeground2));
+}
+.zl-365-container .f19n0e5 {
+    color: var(--colorSideFontText, var(--colorNeutralForeground1));
+}
+.zl-365-container label.layout-title,.zl-365-container button.btngroup-btn {
+    color: var(--colorSideFontText, var(--colorNeutralForeground1));
+}
+.zl-365-container .content-header-img-name-text {
+    color: var(--colorSideFontText, var(--colorNeutralForeground1));
+}
+
+.zl-365-container .rh4pu5o,.zl-365-container .rphzgg1,.zl-365-container .r1q22k1j {
+    color: var(--colorSideFontText, var(--colorNeutralForeground3));
+}
+.zl-365-container .f19n0e5.f1c1zstj{
+    color: var(--colorNeutralForeground1);
+}
+.zl-365-container .rg1upok:enabled:not(:checked) ~ .fui-Radio__label{
+    color: var(--colorSideFontText, var(--colorNeutralForeground3));
+}
+.zl-365-container .zl-365-bar {
+    background: var(--colorBarBackground, #F0F0F0);
+    border-right: var(--colorBarBorderBackground, #ebebeb);
+}
+.zl-365-container span.bar-li-svg {
+    color: var(--colorSideFontText, #605e5c);
 }