src/component/content/index.css

@@ -70,7 +70,7 @@ button.btngroup-btn {
     }
 
     a.content-side-li-nav {
-        color: #323130;
+        color: var(--colorNeutralForeground1);
         padding-left: 30px;
         height: 44px;
         line-height: 44px;
@@ -84,12 +84,12 @@ button.btngroup-btn {
 
 .zl-365-content-side-li:hover {
     background: #faf9f8;
-    color: #4f6bed;
+    color: var(--colorBrandBackgroundHover);
     cursor: pointer;
 }
 
     .zl-365-content-side-li:hover a.content-side-li-nav {
-        color: #4f6bed;
+        color: var(--colorBrandBackgroundHover);
     }
 
 .zl-365-content-side {

src/pages/home/index.css

@@ -39,4 +39,27 @@ label.layout-title:before {
     background-color: var(--colorBrandBackground);
     width: 4px;
     height: 100%;
+}
+.theme-modal-item {
+    margin: 8px 0;
+    width: 300px;
+    height: 60px;
+    overflow: auto;
+    padding: 0 12px;
+}
+
+.theme-modal-item-sp {
+    width: 100px;
+    float: left;
+}
+
+input.theme-modal-item-input {
+    width: 24px;
+    height: 24px;
+}
+
+.theme-modal-item-text {
+    margin: 7px;
+    color: var(--colorNeutralForeground1);
+    display: inline-block;
 }