From e52ec0066f4f7938d500029d19b5b02be754cc0f Mon Sep 17 00:00:00 2001
From: Fine <fanxue0830@gmail.com>
Date: Mon, 13 Nov 2023 20:44:10 +0800
Subject: [PATCH] feat: update

---
 src/styles/reset.scss                                  | 10 +++++++---
 src/styles/theme.scss                                  |  6 ++++++
 src/views/dashboard/graphs/Table.vue                   |  4 ++--
 .../continuous-profiling/components/InstanceList.vue   |  2 +-
 .../continuous-profiling/components/PolicyList.vue     |  1 -
 .../network-profiling/components/ProcessTopology.vue   |  2 +-
 .../related/network-profiling/components/TimeLine.vue  |  2 +-
 7 files changed, 18 insertions(+), 9 deletions(-)

diff --git a/src/styles/reset.scss b/src/styles/reset.scss
index 10a87f46..2b945e22 100644
--- a/src/styles/reset.scss
+++ b/src/styles/reset.scss
@@ -187,13 +187,13 @@ div.vis-tooltip {
   background-color: #e66;
   opacity: 0.8;
   border-color: #e66;
-  color: $text-color !important;
+  color: var(--sw-event-vis-selected) !important;
 }
 
 .vis-item.Normal {
   background-color: #fac858;
   border-color: #fac858;
-  color: $text-color !important;
+  color: var(--sw-event-vis-selected) !important;
 }
 
 .vis-item .vis-item-content {
@@ -202,7 +202,11 @@ div.vis-tooltip {
 
 .vis-item.vis-selected.Error,
 .vis-item.vis-selected.Normal {
-  color: #1a1a1a !important;
+  color: var(--sw-event-vis-selected) !important;
+}
+
+.vis-time-axis .vis-text {
+  color: var(--sw-time-axis-text) !important;
 }
 
 .el-menu--vertical.sub-list {
diff --git a/src/styles/theme.scss b/src/styles/theme.scss
index 410b08c3..2a81bd35 100644
--- a/src/styles/theme.scss
+++ b/src/styles/theme.scss
@@ -49,6 +49,9 @@ html {
   --sw-setting-color: #606266;
   --sw-alarm-tool: #f0f2f5;
   --sw-alarm-tool-border: #c1c5ca41;
+  --sw-table-color: #000;
+  --sw-event-vis-selected: #1a1a1a;
+  --sw-time-axis-text: #4d4d4d;
 }
 
 html.dark {
@@ -84,6 +87,9 @@ html.dark {
   --sw-setting-color: #eee;
   --sw-alarm-tool: #303133;
   --sw-alarm-tool-border: #444;
+  --sw-table-color: #fff;
+  --sw-event-vis-selected: #fff;
+  --sw-time-axis-text: #aaa;
 }
 
 .el-table tr {
diff --git a/src/views/dashboard/graphs/Table.vue b/src/views/dashboard/graphs/Table.vue
index a03827a5..2dbae271 100644
--- a/src/views/dashboard/graphs/Table.vue
+++ b/src/views/dashboard/graphs/Table.vue
@@ -106,12 +106,12 @@ limitations under the License. -->
     .row:first-child {
       div {
         border-top: 1px solid $disabled-color;
-        background: #eee;
+        background-color: var(--border-color-primary);
       }
     }
 
     .header {
-      color: #000;
+      color: var(--sw-table-color);
       font-weight: bold;
     }
 
diff --git a/src/views/dashboard/related/continuous-profiling/components/InstanceList.vue b/src/views/dashboard/related/continuous-profiling/components/InstanceList.vue
index 61428a58..ea1f5e94 100644
--- a/src/views/dashboard/related/continuous-profiling/components/InstanceList.vue
+++ b/src/views/dashboard/related/continuous-profiling/components/InstanceList.vue
@@ -156,7 +156,7 @@ limitations under the License. -->
     padding: 1px 0;
     border: 1px solid #666;
     border-radius: 3px;
-    color: #666;
+    color: var(--text-color-placeholder);
     cursor: pointer;
   }
 
diff --git a/src/views/dashboard/related/continuous-profiling/components/PolicyList.vue b/src/views/dashboard/related/continuous-profiling/components/PolicyList.vue
index a100d832..a8283435 100644
--- a/src/views/dashboard/related/continuous-profiling/components/PolicyList.vue
+++ b/src/views/dashboard/related/continuous-profiling/components/PolicyList.vue
@@ -184,7 +184,6 @@ limitations under the License. -->
 
   .profile-tr {
     &:hover {
-      // background-color: rgb(0 0 0 / 4%);
       background-color: var(--sw-list-hover);
     }
   }
diff --git a/src/views/dashboard/related/network-profiling/components/ProcessTopology.vue b/src/views/dashboard/related/network-profiling/components/ProcessTopology.vue
index 41df88ed..dea866d6 100644
--- a/src/views/dashboard/related/network-profiling/components/ProcessTopology.vue
+++ b/src/views/dashboard/related/network-profiling/components/ProcessTopology.vue
@@ -524,7 +524,7 @@ limitations under the License. -->
     cursor: pointer;
     transition: all 0.5ms linear;
     border: 1px solid $disabled-color;
-    color: #666;
+    color: var(--text-color-placeholder);
     display: inline-block;
     padding: 5px;
     border-radius: 3px;
diff --git a/src/views/dashboard/related/network-profiling/components/TimeLine.vue b/src/views/dashboard/related/network-profiling/components/TimeLine.vue
index e645439c..03d6f7f0 100644
--- a/src/views/dashboard/related/network-profiling/components/TimeLine.vue
+++ b/src/views/dashboard/related/network-profiling/components/TimeLine.vue
@@ -142,7 +142,7 @@ limitations under the License. -->
     cursor: pointer;
     transition: all 0.5ms linear;
     border: 1px solid $disabled-color;
-    color: #666;
+    color: var(--text-color-placeholder);
     display: inline-block;
     padding: 5px;
     border-radius: 3px;