refactor(图表): 优化大屏表头分组设置页面滚动条样式

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 {

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;