diff --git a/web/src/pages/Edit/components/Edit.vue b/web/src/pages/Edit/components/Edit.vue
index ecf1c353..ef9d9ec0 100644
--- a/web/src/pages/Edit/components/Edit.vue
+++ b/web/src/pages/Edit/components/Edit.vue
@@ -17,7 +17,7 @@
     <OutlineSidebar :mindMap="mindMap"></OutlineSidebar>
     <Style v-if="!isZenMode"></Style>
     <BaseStyle :data="mindMapData" :mindMap="mindMap"></BaseStyle>
-    <Theme v-if="mindMap" :mindMap="mindMap"></Theme>
+    <Theme v-if="mindMap" :data="mindMapData" :mindMap="mindMap"></Theme>
     <Structure :mindMap="mindMap"></Structure>
     <ShortcutKey></ShortcutKey>
     <Contextmenu v-if="mindMap" :mindMap="mindMap"></Contextmenu>
diff --git a/web/src/pages/Edit/components/Theme.vue b/web/src/pages/Edit/components/Theme.vue
index 539b4d23..06acc666 100644
--- a/web/src/pages/Edit/components/Theme.vue
+++ b/web/src/pages/Edit/components/Theme.vue
@@ -44,6 +44,10 @@ export default {
     Sidebar
   },
   props: {
+    data: {
+      type: [Object, null],
+      default: null
+    },
     mindMap: {
       type: Object
     }
@@ -155,6 +159,7 @@ export default {
           callback: action => {
             if (action === 'confirm') {
               this.mindMap.setThemeConfig({}, true)
+              this.data.theme.config = {}
               this.changeTheme(theme, {})
             } else if (action === 'cancel') {
               this.changeTheme(theme, customThemeConfig)