diff --git a/core/core-frontend/src/components/data-visualization/ComponentToolBar.vue b/core/core-frontend/src/components/data-visualization/ComponentToolBar.vue
index 9d8293dd77..0ffe788733 100644
--- a/core/core-frontend/src/components/data-visualization/ComponentToolBar.vue
+++ b/core/core-frontend/src/components/data-visualization/ComponentToolBar.vue
@@ -143,7 +143,7 @@ onUnmounted(() => {
         v-model="scale"
         :min="10"
         :max="200"
-        tooltip-theme="ndark"
+        tooltip-theme="light"
         @change="handleScaleChange()"
         size="small"
       />
@@ -151,7 +151,7 @@ onUnmounted(() => {
         <Icon name="dv-max"><dvMax class="svg-icon"></dvMax></Icon
       ></el-icon>
       <el-divider direction="vertical" class="custom-divider_scale" />
-      <el-tooltip effect="ndark" :content="t('visualization.locate_tips')" placement="top">
+      <el-tooltip effect="light" :content="t('visualization.locate_tips')" placement="top">
         <el-icon @click="reposition" class="hover-icon-custom" style="margin-right: 12px">
           <Icon name="dv-reposition"><dvReposition class="svg-icon"></dvReposition></Icon
         ></el-icon>
diff --git a/core/core-frontend/src/components/data-visualization/DvToolbar.vue b/core/core-frontend/src/components/data-visualization/DvToolbar.vue
index 5e64d0acab..79d5b7de8c 100644
--- a/core/core-frontend/src/components/data-visualization/DvToolbar.vue
+++ b/core/core-frontend/src/components/data-visualization/DvToolbar.vue
@@ -366,7 +366,7 @@ const fullScreenPreview = () => {
             {{ dvInfo.name }}
           </span>
           <div class="opt-area">
-            <el-tooltip effect="ndark" :content="$t('visualization.undo')" placement="bottom">
+            <el-tooltip effect="light" :content="$t('visualization.undo')" placement="bottom">
               <el-icon
                 class="toolbar-hover-icon"
                 :class="{ 'toolbar-icon-disabled': snapshotIndex < 1 }"
@@ -377,7 +377,7 @@ const fullScreenPreview = () => {
                 </Icon>
               </el-icon>
             </el-tooltip>
-            <el-tooltip effect="ndark" :content="$t('commons.reduction')" placement="bottom">
+            <el-tooltip effect="light" :content="$t('commons.reduction')" placement="bottom">
               <el-icon
                 class="toolbar-hover-icon opt-icon-redo"
                 :class="{
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 3bb6638f6f..7df0fb39a1 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' ? 'ndark' : 'dark'" placement="top">
+        <el-tooltip :effect="themes === 'dark' ? 'light' : 'dark'" placement="top">
           <template #content>
             <table>
               <tbody>
diff --git a/core/core-frontend/src/views/chart/components/editor/editor-senior/components/AssistLine.vue b/core/core-frontend/src/views/chart/components/editor/editor-senior/components/AssistLine.vue
index d1ef9aee7b..ecb51c1fc4 100644
--- a/core/core-frontend/src/views/chart/components/editor/editor-senior/components/AssistLine.vue
+++ b/core/core-frontend/src/views/chart/components/editor/editor-senior/components/AssistLine.vue
@@ -224,7 +224,7 @@ onMounted(() => {
       <template #header>
         <div class="assist-line-cfg-header">
           <span class="ed-dialog__title">{{ t('chart.assist_line') }}</span>
-          <el-tooltip class="item" effect="ndark" placement="top">
+          <el-tooltip class="item" effect="light" placement="top">
             <template #content>
               <span> {{ t('chart.assist_line_tip') }}</span>
             </template>
diff --git a/core/core-frontend/src/views/chart/components/views/index.vue b/core/core-frontend/src/views/chart/components/views/index.vue
index a4d6052505..829001f47b 100644
--- a/core/core-frontend/src/views/chart/components/views/index.vue
+++ b/core/core-frontend/src/views/chart/components/views/index.vue
@@ -918,7 +918,7 @@ function onTitleChange() {
 }
 
 const toolTip = computed(() => {
-  return props.themes === 'dark' ? 'ndark' : 'dark'
+  return props.themes === 'dark' ? 'light' : 'dark'
 })
 
 const marginBottom = computed<string | 0>(() => {