style: 数据集样式优化

frontend/src/styles/index.scss

@@ -491,11 +491,11 @@ div:focus {
 }
 
 .blackTheme .el-tree-node__content:hover {
-    background-color: var(--SiderBG) !important;
+    background-color: var(--MenuHovorBG) !important;
 }
 
 .blackTheme .is-current > .el-tree-node__content {
-    background-color: var(--SiderBG) !important;
+    background-color: var(--MenuActiveBG) !important;
 }
 .blackTheme .el-collapse-item__header {
     background-color: var(--ContentBG) !important;
@@ -533,30 +533,30 @@ div:focus {
     color: var(--Main) !important;
 }
 
-.blackTheme .elx-table--main-wrapper {
+.blackTheme:not(.in-panel) .elx-table--main-wrapper {
     
     .body--wrapper {
         background-color: var(--TableBG) !important;
     }
 }
-.blackTheme .elx-table {
+.blackTheme:not(.in-panel) .elx-table {
     color: var(--TableColor) !important;
 }
 
-.blackTheme .elx-body--column {
+.blackTheme:not(.in-panel) .elx-body--column {
     background-image: linear-gradient(var(--TableBorderColor), var(--TableBorderColor)), linear-gradient(var(--TableBorderColor), var(--TableBorderColor)) !important;
 }
-.blackTheme .elx-header--column {
+.blackTheme:not(.in-panel) .elx-header--column {
     background-image: linear-gradient(--TableBorderColor, --TableBorderColor), linear-gradient(--TableBorderColor, --TableBorderColor) !important;
 }
-.blackTheme tr.row--current {
+.blackTheme:not(.in-panel) tr.row--current {
     background-color: var(--MainBG) !important;
 }
-.blackTheme tr.elx-body--row:hover {
+.blackTheme:not(.in-panel) tr.elx-body--row:hover {
     background-color: var(--TableBG) !important;
 }
 
-.blackTheme .elx-table--header-border-line {
+.blackTheme:not(.in-panel) .elx-table--header-border-line {
     border-color: var(--TableBorderColor) !important;
 }
 
@@ -666,5 +666,9 @@ div:focus {
     background-color: #324f62;
 }
 
+.blue-color {
+    color: var(--Main, #0000ff);
+}
+
 
 

frontend/src/views/dataset/data/UpdateInfo.vue

@@ -40,7 +40,7 @@
         <el-table-column prop="status" :label="$t('dataset.status')">
           <template slot-scope="scope">
             <span v-if="scope.row.status === 'Completed'" style="color: green">{{ $t('dataset.completed') }}</span>
-            <span v-if="scope.row.status === 'Underway'" style="color: blue">
+            <span v-if="scope.row.status === 'Underway'" class="blue-color">
               <i class="el-icon-loading" />
               {{ $t('dataset.underway') }}
             </span>
@@ -228,10 +228,10 @@
               <span v-if="scope.row.status === 'Stopped'" style="color: red">
                 <div type="danger" style="font-size: 12px">{{ $t('dataset.task.stopped') }}</div>
               </span>
-              <span v-if="scope.row.status === 'Pending'" style="color: blue">
+              <span v-if="scope.row.status === 'Pending'" class="blue-color">
                 <el-link type="primary" style="font-size: 12px" @click="changeTaskStatus(scope.row)">{{ $t('dataset.task.pending') }}</el-link>
               </span>
-              <span v-if="scope.row.status === 'Exec'" style="color: blue">
+              <span v-if="scope.row.status === 'Exec'" class="blue-color">
                 <i class="el-icon-loading" />
                 {{ $t('dataset.underway') }}
               </span>
@@ -452,7 +452,7 @@ export default {
     cellStyle({ row, column }) {
       // 状态列字体颜色
       if (row.status === 'Underway' && column === 'status') {
-        return 'color: blue'
+        return 'color: var(--Main, #0000ff)'
       } else if (row.status === 'Completed' && column === 'status') {
         return 'color: green'
       } else if (row.status === 'Error' && column === 'status') {

frontend/src/views/system/task/DatasetTaskList.vue

@@ -715,7 +715,4 @@ span{
   font-size: 12px;
 }
 
-.blue-color {
-    color: var(--Main);
-}
 </style>

frontend/src/views/system/task/TaskRecord.vue

@@ -253,7 +253,5 @@ export default {
 span{
   font-size: 12px;
 }
-.blue-color {
+
-    color: var(--Main);
-}
 </style>