From 289273ad4664bf8d64c492ade6ee74bb42e987d6 Mon Sep 17 00:00:00 2001
From: wisonic-s <51065359+wisonic-s@users.noreply.github.com>
Date: Tue, 24 Jun 2025 17:09:21 +0800
Subject: [PATCH] =?UTF-8?q?refactor(=E5=9B=BE=E8=A1=A8):=20=E4=BC=98?=
 =?UTF-8?q?=E5=8C=96=E5=A4=A7=E5=B1=8F=E8=A1=A8=E5=A4=B4=E5=88=86=E7=BB=84?=
 =?UTF-8?q?=E8=AE=BE=E7=BD=AE=E9=A1=B5=E9=9D=A2=E6=BB=9A=E5=8A=A8=E6=9D=A1?=
 =?UTF-8?q?=E6=A0=B7=E5=BC=8F?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 .../editor-style/components/table/TableHeaderGroupConfig.vue | 5 ++++-
 .../editor-style/components/table/TableHeaderSelector.vue    | 4 +++-
 2 files changed, 7 insertions(+), 2 deletions(-)

diff --git a/core/core-frontend/src/views/chart/components/editor/editor-style/components/table/TableHeaderGroupConfig.vue b/core/core-frontend/src/views/chart/components/editor/editor-style/components/table/TableHeaderGroupConfig.vue
index 3974f36a63..9caf063346 100644
--- a/core/core-frontend/src/views/chart/components/editor/editor-style/components/table/TableHeaderGroupConfig.vue
+++ b/core/core-frontend/src/views/chart/components/editor/editor-style/components/table/TableHeaderGroupConfig.vue
@@ -1,5 +1,5 @@
 <template>
-  <div :id="containerId" class="table-container"></div>
+  <div :id="containerId" class="table-container" :class="{ dark: themes === 'dark' }"></div>
   <div class="button-group">
     <el-button :effect="themes" @click="onCancelConfig">{{ t('chart.cancel') }}</el-button>
     <el-button type="primary" @click="onConfigChange">{{ t('chart.confirm') }}</el-button>
@@ -609,6 +609,9 @@ class GroupMenu extends BaseTooltip {
   height: 40vh;
   overflow-x: auto;
   overflow-y: hidden;
+  &.dark {
+    scrollbar-color: #3a3a3a #1a1a1a;
+  }
 }
 
 .group-menu {
diff --git a/core/core-frontend/src/views/chart/components/editor/editor-style/components/table/TableHeaderSelector.vue b/core/core-frontend/src/views/chart/components/editor/editor-style/components/table/TableHeaderSelector.vue
index dd6fa34953..0d0c0a3040 100644
--- a/core/core-frontend/src/views/chart/components/editor/editor-style/components/table/TableHeaderSelector.vue
+++ b/core/core-frontend/src/views/chart/components/editor/editor-style/components/table/TableHeaderSelector.vue
@@ -823,9 +823,9 @@ onMounted(() => {
   </el-form>
   <el-dialog
     v-model="state.showTableHeaderGroupConfig"
-    :effect="themes"
     destroy-on-close
     append-to-body
+    :effect="themes"
     :show-close="false"
     :class="themes === 'dark' ? 'table-header-group-config-dialog' : ''"
   >
@@ -938,6 +938,8 @@ onMounted(() => {
 </style>
 <style lang="less">
 .table-header-group-config-dialog {
+  background-color: #1a1a1a;
+  border: 1px solid #2a2a2a;
   .ed-dialog__header,
   .ed-dialog__body {
     color: #a6a6a6;