From 4961a5fbcbba24f04f9e868076e5fa49a8679b34 Mon Sep 17 00:00:00 2001
From: Fine <fanxue0830@gmail.com>
Date: Mon, 2 Dec 2024 15:02:14 +0800
Subject: [PATCH] add theme color

---
 src/styles/theme.scss                  | 2 ++
 src/views/dashboard/controls/Trace.vue | 2 +-
 2 files changed, 3 insertions(+), 1 deletion(-)

diff --git a/src/styles/theme.scss b/src/styles/theme.scss
index c6296300..4e292063 100644
--- a/src/styles/theme.scss
+++ b/src/styles/theme.scss
@@ -69,6 +69,7 @@ html {
   --sw-drawer-header: #72767b;
   --sw-marketplace-border: #dedfe0;
   --sw-grid-item-active: #d4d7de;
+  --sw-trace-line: #999;
 }
 
 html.dark {
@@ -110,6 +111,7 @@ html.dark {
   --sw-drawer-header: #e9e9eb;
   --sw-marketplace-border: #606266;
   --sw-grid-item-active: #73767a;
+  --sw-trace-line: #e8e8e8;
 }
 
 .el-drawer__header {
diff --git a/src/views/dashboard/controls/Trace.vue b/src/views/dashboard/controls/Trace.vue
index 61f3907b..61b166d2 100644
--- a/src/views/dashboard/controls/Trace.vue
+++ b/src/views/dashboard/controls/Trace.vue
@@ -184,7 +184,7 @@ limitations under the License. -->
     position: relative;
     width: 2px;
     height: 100%;
-    background-color: #e8e8e8;
+    background-color: var(--sw-trace-line);
     cursor: ew-resize;
 
     &:hover {