From f5e023581512add3b3a5c67751da50e2bc272ca4 Mon Sep 17 00:00:00 2001
From: fit2cloud-chenyw <yawen.chen@fit2cloud.com>
Date: Wed, 13 Oct 2021 15:31:03 +0800
Subject: [PATCH] =?UTF-8?q?style:=20=E6=95=B0=E6=8D=AE=E9=9B=86=E6=A0=B7?=
 =?UTF-8?q?=E5=BC=8F=E4=BC=98=E5=8C=96?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 frontend/src/styles/index.scss                | 22 +++++++++++--------
 .../src/views/dataset/data/UpdateInfo.vue     |  8 +++----
 .../src/views/system/task/DatasetTaskList.vue |  3 ---
 frontend/src/views/system/task/TaskRecord.vue |  4 +---
 4 files changed, 18 insertions(+), 19 deletions(-)

diff --git a/frontend/src/styles/index.scss b/frontend/src/styles/index.scss
index b368277b04..4e7cebde48 100644
--- a/frontend/src/styles/index.scss
+++ b/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);
+}
+
 
 
diff --git a/frontend/src/views/dataset/data/UpdateInfo.vue b/frontend/src/views/dataset/data/UpdateInfo.vue
index 79361f9f9e..8684b06235 100644
--- a/frontend/src/views/dataset/data/UpdateInfo.vue
+++ b/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') {
diff --git a/frontend/src/views/system/task/DatasetTaskList.vue b/frontend/src/views/system/task/DatasetTaskList.vue
index fce54b9d16..059bb17a69 100644
--- a/frontend/src/views/system/task/DatasetTaskList.vue
+++ b/frontend/src/views/system/task/DatasetTaskList.vue
@@ -715,7 +715,4 @@ span{
   font-size: 12px;
 }
 
-.blue-color {
-    color: var(--Main);
-}
 </style>
diff --git a/frontend/src/views/system/task/TaskRecord.vue b/frontend/src/views/system/task/TaskRecord.vue
index 9c3484bbd0..96045fc3ed 100644
--- a/frontend/src/views/system/task/TaskRecord.vue
+++ b/frontend/src/views/system/task/TaskRecord.vue
@@ -253,7 +253,5 @@ export default {
 span{
   font-size: 12px;
 }
-.blue-color {
-    color: var(--Main);
-}
+
 </style>