style: Asset 主题颜色调整

nezha-fronted/src/assets/css/common.scss

@@ -214,7 +214,7 @@ td .nz-icon-gear:before{
 .el-tree {
   background-color: $--background-color-empty !important;
 }
-.el-table::before {
+.el-table::before,.el-table__fixed-right::before {
   background-color: $--border-color-light !important;
 }
 .el-message-box {

nezha-fronted/src/assets/css/common/rightBoxCommon.scss

@@ -165,6 +165,11 @@
         .form__labels-label {
           display: flex;
           justify-content: space-between;
+          .form__labels-label__span {
+            i {
+              color: $--asset-icon-color;
+            }
+          }
         }
       }
     }
@@ -172,12 +177,12 @@
       margin-bottom: 20px;
       width: 300px;
       height: 28px;
-      border: 1px solid $--color-primary-light-7;
+      border: 1px solid $--asset-border-color;
       border-radius: $--border-radius-small;
-      background-color: $--color-primary-light-9;
+      background-color: $--asset-background-color-button;
 
       i {
-        color: $--color-primary;
+        color: $--asset-icon-color;
       }
     }
     .form__flex-container {
@@ -272,11 +277,6 @@
 .right-box-dropdown-top {
   min-width: 625px;
 }
-.limit-height .el-cascader-menu {
-  max-height: 200px;
-  overflow: auto;
-}
-
 .form-items--half-width-group {
   display: flex;
   justify-content: space-between;
@@ -358,3 +358,9 @@
     }
   }
 }
+.el-picker-panel {
+  background: $--background-color-empty !important;
+}
+.el-date-table td.today span {
+  color: $--button-primary-color !important;
+}

nezha-fronted/src/assets/css/common/tableCommon.scss

@@ -274,6 +274,9 @@
           outline: none;
           transition:all .2s;
         }
+        .el-dropdown {
+          border: 1px solid $--border-color-light;
+        }
         .table-operation-item.table-operation-item--disable{
           border: 1px solid $--border-color-base;
           background-color: $--border-color-base;
@@ -513,3 +516,7 @@
   height: 100%;
   cursor: col-resize;
 }
+
+::-webkit-scrollbar-corner {
+  background-color: $--background-color-empty;
+}

nezha-fronted/src/assets/css/components/common/detailView/list/common.scss

@@ -45,9 +45,6 @@
     font-weight: 400;
   }
 }
-.selected{
-  background: $--background-color-base;
-}
 .colorEF7458{
   color: $--color-danger;
 }

nezha-fronted/src/assets/css/components/common/rightBox/asset/assetBox.scss

@@ -42,3 +42,4 @@
     font-size: 12px;
   }
 }
+

nezha-fronted/src/assets/css/themes/theme-dark.scss

@@ -2,6 +2,8 @@
 
 /* 1.主色(覆盖element-ui内置变量) */
 $--color-primary: #FA901C;
+/* AssetBOX button 背景色 */
+$--asset-background-color-button: #222329;
 
 /* 2.背景色 */
 // 空白背景色
@@ -126,6 +128,10 @@ $--button-icon-border-color: $--border-color-light; // 边框色
 $--button-icon-hover-border-color: $--button-icon-border-color; // hover边框色
 $--button-icon-active-border-color: $--color-text-primary; // focus边框色
 
+/* Asset */
+$--asset-icon-color: $--button-primary-color; //icon
+$--asset-border-color: $--border-color-light; // border
+
 /* 13.panel */
 $--chart-title-hover-background-color: #323238;
 $--chart-box-border-color: $--border-color-light;

nezha-fronted/src/assets/css/themes/theme-light.scss

@@ -2,6 +2,8 @@
 
 /* 1.主色(覆盖element-ui内置变量) */
 $--color-primary: #FA901C;
+/* AssetBOX button 背景色 */
+$--asset-background-color-button: #FFF4E8;
 
 /* 2.背景色 */
 // 空白背景色
@@ -124,6 +126,10 @@ $--button-icon-border-color: $--border-color-base; // 边框色
 $--button-icon-hover-border-color: $--border-color-base; // hover边框色
 $--button-icon-active-border-color: mix(#FFF, $--color-primary, 10%); // focus边框色
 
+/* Asset */
+$--asset-icon-color: $--color-primary; //icon
+$--asset-border-color: mix(#FFF, $--color-primary, 60%); // border
+
 /* 13.panel */
 $--chart-title-hover-background-color: $--background-color-1;
 $--chart-box-border-color: $--border-color-light;

nezha-fronted/src/components/common/rightBox/asset/assetBox.vue

@@ -85,7 +85,7 @@
                 <div class="form__labels-label">
                   <span>{{label.name}}</span>
                   <div>
-                    <span @click="removeLabel(label)"><i class="nz-icon nz-icon-minus"></i></span>
+                    <span @click="removeLabel(label)" class="form__labels-label__span"><i class="nz-icon nz-icon-minus"></i></span>
                   </div>
                 </div>
               </template>