style: project 主题颜色调整

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

@@ -358,3 +358,9 @@
     }
   }
 }
+.right-box-sub-title {
+  background: $--right-box-sub-title-background-color !important;
+}
+.meta-option-box {
+  color: $--color-text-regular;
+}

nezha-fronted/src/assets/css/components/common/labelFilter/clickSearch.scss

@@ -114,3 +114,8 @@
 .search-content-box {
   border-bottom: 1px solid $--click-search-items-border-bottom-color !important;
 }
+.el-skeleton {
+  .el-skeleton__item.el-skeleton__p.is-first {
+    background-color: $--background-color-base;
+  }
+}

nezha-fronted/src/assets/css/components/common/v-selectpagenew/selectpage.scss

@@ -45,3 +45,6 @@ div.sp-result-area table.sp-table tbody tr.sp-selected td {
   color: $--select-page-focus-color !important;
   cursor: default;
 }
+div.sp-pagination ul li a:hover {
+  color: $--color-text-regular !important;
+}

nezha-fronted/src/assets/css/components/page/monitor/project/project.scss

@@ -1,30 +1,54 @@
+.main-list {
+  height: 100%;
+  width: 100%;
+  display: flex;
+  background-color: $--background-color-base;
+  overflow-x: auto;
+}
 .main-list--project {
-  .main-list{
+  .projectList{
-    height: 100%;
+    flex: 1;
-    width: 100%;
+    width: calc(50% - 10px);
-    display: flex;
+    margin-right: 10px;
-    background-color: $--background-color-base;
+    min-width: 745px;
-    overflow-x: auto;
+  }
-    .projectList{
+  .projectTopo{
-      flex: 1;
+    flex: 1;
-      width: calc(50% - 10px);
+    width: calc(50% - 10px);
-      margin-right: 10px;
+    margin-right: 10px;
-      min-width: 745px;
+    min-width: 435px;
-    }
+    .project-box.list-page {
-    .projectTopo{
+      width: 100%;
-      flex: 1;
+      height: calc(100% - 8px)!important;
-      width: calc(50% - 10px);
+      position: relative;
-      margin-right: 10px;
+      border-radius: 2px;
-      min-width: 435px;
+      .main-list {
-
+        height: calc(100% - 2px) !important;
-    }
+        overflow: visible;
-    .hide{
+        .top-tools div:nth-of-type(1) {
-      display: none;
+          color: $--color-text-primary;
-    }
+        }
-    .ml10{
+        //.nz-table2 {
-      margin-left: 10px;
+        //  padding: 0 !important;
+        //  border: 1px solid $--border-color-base !important;
+        //}
+        .right-bottom-zoom {
+          .zoom-option {
+            color: $--color-text-regular !important;
+          }
+          .zoom-option:hover {
+            color: $--color-text-regular !important;
+          }
+        }
+      }
     }
   }
+  .hide{
+    display: none;
+  }
+  .ml10{
+    margin-left: 10px;
+  }
   .main-container{
     padding-right: 0 !important;
   }
@@ -61,7 +85,7 @@
     }
   }
   .pagination-bottom{
-    width: calc(100% - 30px);
+    width: calc(100% - 30px) !important;
-    bottom: 18px;
+    bottom: 18px !important;
   }
 }

nezha-fronted/src/components/common/project/topologyL5.vue

@@ -152,7 +152,7 @@
             </div>
           </div>
           <div :class="['page',fromOverView?'overview-page':'']" :style="{
-            border: fromOverView ? 'none' :`1px solid ${theme.borderColorLight}`
+            border: fromOverView ? 'none' :`1px solid $--color-text-regular`
           }">
             <!--画布部分-->
             <div :id="'topology-canvas' + topologyIndexF" :ref="'topology-canvas'+ topologyIndexF" class="full" @contextmenu="onContextMenu($event)"></div>