diff --git a/core/core-frontend/src/components/visualization/DePreviewPopDialog.vue b/core/core-frontend/src/components/visualization/DePreviewPopDialog.vue
index 3b9612462f..c5ca9adba5 100644
--- a/core/core-frontend/src/components/visualization/DePreviewPopDialog.vue
+++ b/core/core-frontend/src/components/visualization/DePreviewPopDialog.vue
@@ -93,11 +93,13 @@ defineExpose({
 <style lang="less">
 .preview_pop_custom {
   overflow: hidden;
-  .ed-dialog__close {
-    color: var(--ed-dialog__de-text);
+  :deep(.is_link) {
+    &:hover {
+      color: var(--ed-dialog__de-text) !important;
+    }
   }
-  :deep(.content-outer) {
-    background-color: var(--ed-dialog-bg-color) !important;
+  .ed-dialog__close {
+    color: var(--ed-dialog__de-text) !important;
   }
   .preview-main-frame-outer {
     width: 100%;
diff --git a/core/core-frontend/src/components/visualization/UserViewEnlarge.vue b/core/core-frontend/src/components/visualization/UserViewEnlarge.vue
index b26fc42d06..471de1c893 100644
--- a/core/core-frontend/src/components/visualization/UserViewEnlarge.vue
+++ b/core/core-frontend/src/components/visualization/UserViewEnlarge.vue
@@ -478,7 +478,7 @@ defineExpose({
 <style lang="less">
 .userViewEnlarge-class {
   .ed-dialog__close {
-    color: var(--ed-dialog__de-text);
+    color: var(--ed-dialog__de-text) !important;
   }
   .ed-dialog__header {
     display: flex;
@@ -531,7 +531,8 @@ defineExpose({
 
     &:not(.is-disabled):focus,
     &:not(.is-disabled):hover {
-      color: #1f2329;
+      color: var(--ed-dialog__de-text) !important;
+      opacity: 0.5;
       border-color: transparent;
       background-color: rgba(31, 35, 41, 0.1);
     }
diff --git a/core/core-frontend/src/utils/canvasStyle.ts b/core/core-frontend/src/utils/canvasStyle.ts
index 99ef9696db..b567b832b1 100644
--- a/core/core-frontend/src/utils/canvasStyle.ts
+++ b/core/core-frontend/src/utils/canvasStyle.ts
@@ -8,6 +8,7 @@ import {
 import { dvMainStoreWithOut } from '@/store/modules/data-visualization/dvMain'
 import { useEmitt } from '@/hooks/web/useEmitt'
 import { defaultTo, merge } from 'lodash-es'
+import { formatterViewInfo } from '@/views/chart/components/js/formatter'
 const dvMainStore = dvMainStoreWithOut()
 
 export const LIGHT_THEME_COLOR_MAIN = '#000000'
@@ -536,6 +537,7 @@ export function adaptCurThemeCommonStyle(component) {
     // 图表-Begin
     const curViewInfo = dvMainStore.canvasViewInfo[component.id]
     adaptCurTheme(curViewInfo.customStyle, curViewInfo.customAttr)
+    formatterViewInfo(curViewInfo, dvMainStore.canvasStyleData.component.formatterItem)
     useEmitt().emitter.emit('renderChart-' + component.id, curViewInfo)
     // 图表-Begin
   } else if (component.component === 'Group') {