From a7b1a94404b7bcdb40b7ad95cdddc3889e63ad64 Mon Sep 17 00:00:00 2001
From: wisonic <shaochuan.wu@fit2cloud.com>
Date: Thu, 18 Jul 2024 21:29:27 +0800
Subject: [PATCH] =?UTF-8?q?refactor(=E5=9B=BE=E8=A1=A8):=20=E5=A4=A7?=
 =?UTF-8?q?=E5=B1=8F=E5=A4=9A=E5=BA=8F=E5=88=97=E5=90=8D=E7=A7=B0=E5=AD=97?=
 =?UTF-8?q?=E4=BD=93=E9=A2=9C=E8=89=B2=E4=BC=98=E5=8C=96?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 .../editor-style/components/CustomColorStyleSelect.vue | 10 +++++++++-
 1 file changed, 9 insertions(+), 1 deletion(-)

diff --git a/core/core-frontend/src/views/chart/components/editor/editor-style/components/CustomColorStyleSelect.vue b/core/core-frontend/src/views/chart/components/editor/editor-style/components/CustomColorStyleSelect.vue
index 22d2a1bcd7..a776185a2d 100644
--- a/core/core-frontend/src/views/chart/components/editor/editor-style/components/CustomColorStyleSelect.vue
+++ b/core/core-frontend/src/views/chart/components/editor/editor-style/components/CustomColorStyleSelect.vue
@@ -402,7 +402,12 @@ const colorItemBorderColor = (index, state) => {
               }"
             ></div>
           </div>
-          <span :title="item.name" class="color-item-name">{{ item.name }}</span>
+          <span
+            :title="item.name"
+            class="color-item-name"
+            :class="themes === 'dark' ? 'dark' : ''"
+            >{{ item.name }}</span
+          >
           <div :id="'series-color-picker-' + index"></div>
         </div>
       </div>
@@ -561,6 +566,9 @@ const colorItemBorderColor = (index, state) => {
         white-space: nowrap;
         overflow: hidden;
         text-overflow: ellipsis;
+        &.dark {
+          color: white;
+        }
       }
     }
     .color-item {