diff --git a/core/core-frontend/src/views/chart/components/editor/drag-item/DimensionItem.vue b/core/core-frontend/src/views/chart/components/editor/drag-item/DimensionItem.vue
index 42a34e4c1d..0a2c6d3964 100644
--- a/core/core-frontend/src/views/chart/components/editor/drag-item/DimensionItem.vue
+++ b/core/core-frontend/src/views/chart/components/editor/drag-item/DimensionItem.vue
@@ -67,7 +67,7 @@ const emit = defineEmits([
 
 const { item } = toRefs(props)
 const toolTip = computed(() => {
-  return props.themes === 'dark' ? 'light' : 'dark'
+  return props.themes || 'dark'
 })
 const showValueFormatter = computed<boolean>(() => {
   return (
@@ -845,6 +845,7 @@ span {
     background-color: rgba(31, 35, 41, 0.1);
   }
   &.dark-dimension-quota {
+    background-color: #292929;
     .inner-dropdown-menu {
       color: rgba(235, 235, 235, 1);
     }
diff --git a/core/core-frontend/src/views/chart/components/editor/drag-item/DrillItem.vue b/core/core-frontend/src/views/chart/components/editor/drag-item/DrillItem.vue
index 7df0fb39a1..0a4f962685 100644
--- a/core/core-frontend/src/views/chart/components/editor/drag-item/DrillItem.vue
+++ b/core/core-frontend/src/views/chart/components/editor/drag-item/DrillItem.vue
@@ -164,7 +164,7 @@ onMounted(() => {
             ></Icon>
           </el-icon>
         </span>
-        <el-tooltip :effect="themes === 'dark' ? 'light' : 'dark'" placement="top">
+        <el-tooltip :effect="themes || 'dark'" placement="top">
           <template #content>
             <table>
               <tbody>
@@ -530,6 +530,7 @@ span {
   }
 }
 .dark-dimension-quota {
+  background-color: #292929;
   span {
     color: #ebebeb;
   }
diff --git a/core/core-frontend/src/views/chart/components/editor/drag-item/QuotaItem.vue b/core/core-frontend/src/views/chart/components/editor/drag-item/QuotaItem.vue
index 5449bc46fd..58d7c50c8b 100644
--- a/core/core-frontend/src/views/chart/components/editor/drag-item/QuotaItem.vue
+++ b/core/core-frontend/src/views/chart/components/editor/drag-item/QuotaItem.vue
@@ -80,7 +80,7 @@ const emit = defineEmits([
 
 const { item, chart } = toRefs(props)
 const toolTip = computed(() => {
-  return props.themes === 'dark' ? 'light' : 'dark'
+  return props.themes || 'dark'
 })
 watch(
   [() => props.quotaData, () => props.item, () => props.chart.type],
@@ -999,6 +999,7 @@ span {
     background-color: rgba(31, 35, 41, 0.1);
   }
   &.dark-dimension-quota {
+    background-color: #292929;
     .inner-dropdown-menu {
       color: rgba(235, 235, 235, 1);
     }
diff --git a/core/core-frontend/src/views/chart/components/editor/index.vue b/core/core-frontend/src/views/chart/components/editor/index.vue
index 66fce18509..679398d8a6 100644
--- a/core/core-frontend/src/views/chart/components/editor/index.vue
+++ b/core/core-frontend/src/views/chart/components/editor/index.vue
@@ -174,7 +174,7 @@ const editComponentName = () => {
   })
 }
 const toolTip = computed(() => {
-  return props.themes === 'dark' ? 'light' : 'dark'
+  return props.themes || 'dark'
 })
 
 const templateStatusShow = computed(() => {