diff --git a/README.md b/README.md
index 6635c7dd..0f7fb89d 100644
--- a/README.md
+++ b/README.md
@@ -475,4 +475,8 @@ const mindMap = new MindMap({
         <img src="./web/src/assets/avatar/Joe.jpg" style="width: 50px;height: 50px;" />
         <span>Joe</span>
     </span>
+    <span>
+        <img src="./web/src/assets/avatar/default.png" style="width: 50px;height: 50px;" />
+        <span>中文网字计划-江夏尧</span>
+    </span>
 </p>
diff --git a/simple-mind-map/full.js b/simple-mind-map/full.js
index 7ead9519..f21360de 100644
--- a/simple-mind-map/full.js
+++ b/simple-mind-map/full.js
@@ -22,14 +22,12 @@ import xmind from './src/parse/xmind.js'
 import markdown from './src/parse/markdown.js'
 import icons from './src/svg/icons.js'
 import * as constants from './src/constants/constant.js'
-import themes from './src/themes/index.js'
-import * as defaultTheme from './src/themes/default.js'
+import * as defaultTheme from './src/theme/default.js'
 
 MindMap.xmind = xmind
 MindMap.markdown = markdown
 MindMap.iconList = icons.nodeIconList
 MindMap.constants = constants
-MindMap.themes = themes
 MindMap.defaultTheme = defaultTheme
 MindMap.version = '0.11.2'
 
diff --git a/simple-mind-map/index.js b/simple-mind-map/index.js
index 657e87fe..90c66547 100644
--- a/simple-mind-map/index.js
+++ b/simple-mind-map/index.js
@@ -2,7 +2,7 @@ import View from './src/core/view/View'
 import Event from './src/core/event/Event'
 import Render from './src/core/render/Render'
 import merge from 'deepmerge'
-import theme from './src/themes'
+import theme from './src/theme'
 import Style from './src/core/render/node/Style'
 import KeyCommand from './src/core/command/KeyCommand'
 import Command from './src/core/command/Command'
@@ -24,7 +24,7 @@ import {
 } from './src/utils'
 import defaultTheme, {
   checkIsNodeSizeIndependenceConfig
-} from './src/themes/default'
+} from './src/theme/default'
 import { defaultOpt } from './src/constants/defaultOptions'
 
 //  思维导图
@@ -254,7 +254,7 @@ class MindMap {
   //  设置主题
   initTheme() {
     // 合并主题配置
-    this.themeConfig = mergeTheme(theme[this.opt.theme], this.opt.themeConfig)
+    this.themeConfig = mergeTheme(theme[this.opt.theme] || theme.default, this.opt.themeConfig)
     // 设置背景样式
     Style.setBackgroundStyle(this.el, this.themeConfig)
   }
@@ -645,5 +645,11 @@ MindMap.defineTheme = (name, config = {}) => {
   }
   theme[name] = mergeTheme(defaultTheme, config)
 }
+// 移除主题
+MindMap.removeTheme = name => {
+  if (theme[name]) {
+    theme[name] = null
+  }
+}
 
 export default MindMap
diff --git a/simple-mind-map/package.json b/simple-mind-map/package.json
index c44b84df..5769621e 100644
--- a/simple-mind-map/package.json
+++ b/simple-mind-map/package.json
@@ -1,6 +1,6 @@
 {
   "name": "simple-mind-map",
-  "version": "0.11.2",
+  "version": "0.12.0",
   "description": "一个简单的web在线思维导图",
   "authors": [
     {
diff --git a/simple-mind-map/src/constants/constant.js b/simple-mind-map/src/constants/constant.js
index e3aab596..3a346fc8 100644
--- a/simple-mind-map/src/constants/constant.js
+++ b/simple-mind-map/src/constants/constant.js
@@ -1,167 +1,3 @@
-//  主题列表
-export const themeList = [
-  {
-    name: '默认',
-    value: 'default',
-    dark: false
-  },
-  {
-    name: '暗色2',
-    value: 'dark2',
-    dark: true
-  },
-  {
-    name: '天清绿',
-    value: 'skyGreen',
-    dark: false
-  },
-  {
-    name: '脑图经典2',
-    value: 'classic2',
-    dark: false
-  },
-  {
-    name: '脑图经典3',
-    value: 'classic3',
-    dark: false
-  },
-  {
-    name: '经典绿',
-    value: 'classicGreen',
-    dark: false
-  },
-  {
-    name: '经典蓝',
-    value: 'classicBlue',
-    dark: false
-  },
-  {
-    name: '天空蓝',
-    value: 'blueSky',
-    dark: false
-  },
-  {
-    name: '脑残粉',
-    value: 'brainImpairedPink',
-    dark: false
-  },
-  {
-    name: '暗色',
-    value: 'dark',
-    dark: true
-  },
-  {
-    name: '泥土黄',
-    value: 'earthYellow',
-    dark: false
-  },
-  {
-    name: '清新绿',
-    value: 'freshGreen',
-    dark: false
-  },
-  {
-    name: '清新红',
-    value: 'freshRed',
-    dark: false
-  },
-  {
-    name: '浪漫紫',
-    value: 'romanticPurple',
-    dark: false
-  },
-  {
-    name: '粉红葡萄',
-    value: 'pinkGrape',
-    dark: false
-  },
-  {
-    name: '薄荷',
-    value: 'mint',
-    dark: false
-  },
-  {
-    name: '金色vip',
-    value: 'gold',
-    dark: false
-  },
-  {
-    name: '活力橙',
-    value: 'vitalityOrange',
-    dark: false
-  },
-  {
-    name: '绿叶',
-    value: 'greenLeaf',
-    dark: false
-  },
-  {
-    name: '脑图经典',
-    value: 'classic',
-    dark: true
-  },
-  {
-    name: '脑图经典4',
-    value: 'classic4',
-    dark: false
-  },
-  {
-    name: '小黄人',
-    value: 'minions',
-    dark: false
-  },
-  {
-    name: '简约黑',
-    value: 'simpleBlack',
-    dark: false
-  },
-  {
-    name: '课程绿',
-    value: 'courseGreen',
-    dark: false
-  },
-  {
-    name: '咖啡',
-    value: 'coffee',
-    dark: false
-  },
-  {
-    name: '红色精神',
-    value: 'redSpirit',
-    dark: false
-  },
-  {
-    name: '黑色幽默',
-    value: 'blackHumour',
-    dark: true
-  },
-  {
-    name: '深夜办公室',
-    value: 'lateNightOffice',
-    dark: true
-  },
-  {
-    name: '黑金',
-    value: 'blackGold',
-    dark: true
-  },
-  {
-    name: '牛油果',
-    value: 'avocado',
-    dark: false
-  },
-  {
-    name: '秋天',
-    value: 'autumn',
-    dark: false
-  },
-  {
-    name: '橙汁',
-    value: 'orangeJuice',
-    dark: true
-  }
-]
-
 // 常量
 export const CONSTANTS = {
   CHANGE_THEME: 'changeTheme',
diff --git a/simple-mind-map/src/core/render/Render.js b/simple-mind-map/src/core/render/Render.js
index bc38cc14..7893f42a 100644
--- a/simple-mind-map/src/core/render/Render.js
+++ b/simple-mind-map/src/core/render/Render.js
@@ -36,7 +36,7 @@ import {
   throttle
 } from '../../utils'
 import { shapeList } from './node/Shape'
-import { lineStyleProps } from '../../themes/default'
+import { lineStyleProps } from '../../theme/default'
 import { CONSTANTS, ERROR_TYPES } from '../../constants/constant'
 import { Polygon } from '@svgdotjs/svg.js'
 
diff --git a/simple-mind-map/src/themes/default.js b/simple-mind-map/src/theme/default.js
similarity index 99%
rename from simple-mind-map/src/themes/default.js
rename to simple-mind-map/src/theme/default.js
index b99ccf21..67e69bae 100644
--- a/simple-mind-map/src/themes/default.js
+++ b/simple-mind-map/src/theme/default.js
@@ -1,5 +1,4 @@
 //  默认主题
-
 export default {
   // 节点内边距
   paddingX: 15,
diff --git a/simple-mind-map/src/theme/index.js b/simple-mind-map/src/theme/index.js
new file mode 100644
index 00000000..b958df57
--- /dev/null
+++ b/simple-mind-map/src/theme/index.js
@@ -0,0 +1,5 @@
+import defaultTheme from './default'
+
+export default {
+  default: defaultTheme
+}
diff --git a/simple-mind-map/src/themes/autumn.js b/simple-mind-map/src/themes/autumn.js
deleted file mode 100644
index f92bf0da..00000000
--- a/simple-mind-map/src/themes/autumn.js
+++ /dev/null
@@ -1,44 +0,0 @@
-import defaultTheme from './default'
-import { mergeTheme } from '../utils'
-
-// 秋天
-export default mergeTheme(defaultTheme, {
-  // 背景颜色
-  backgroundColor: '#fff2df',
-  // 连线的颜色
-  lineColor: '#b0bc47',
-  lineWidth: 3,
-  // 概要连线的粗细
-  generalizationLineWidth: 3,
-  // 概要连线的颜色
-  generalizationLineColor: '#b0bc47',
-  // 根节点样式
-  root: {
-    fillColor: '#e68112',
-    color: '#fff',
-    borderColor: '#e68112',
-    borderWidth: 0,
-    fontSize: 24
-  },
-  // 二级节点样式
-  second: {
-    fillColor: '#ffd683',
-    color: '#8c5416',
-    borderColor: '#b0bc47',
-    borderWidth: 2,
-    fontSize: 18
-  },
-  // 三级及以下节点样式
-  node: {
-    fontSize: 14,
-    color: '#8c5416'
-  },
-  // 概要节点样式
-  generalization: {
-    fontSize: 14,
-    fillColor: '#ffd683',
-    borderColor: '#b0bc47',
-    borderWidth: 2,
-    color: '#8c5416'
-  }
-})
diff --git a/simple-mind-map/src/themes/avocado.js b/simple-mind-map/src/themes/avocado.js
deleted file mode 100644
index 22a902f1..00000000
--- a/simple-mind-map/src/themes/avocado.js
+++ /dev/null
@@ -1,44 +0,0 @@
-import defaultTheme from './default'
-import { mergeTheme } from '../utils'
-
-// 牛油果
-export default mergeTheme(defaultTheme, {
-  // 背景颜色
-  backgroundColor: '#e6f1de',
-  // 连线的颜色
-  lineColor: '#f5ffad',
-  lineWidth: 4,
-  // 概要连线的粗细
-  generalizationLineWidth: 3,
-  // 概要连线的颜色
-  generalizationLineColor: '#749336',
-  // 根节点样式
-  root: {
-    fillColor: '#94c143',
-    color: '#fff',
-    borderColor: '#94c143',
-    borderWidth: 0,
-    fontSize: 24
-  },
-  // 二级节点样式
-  second: {
-    fillColor: '#cee498',
-    color: '#749336',
-    borderColor: '#aec668',
-    borderWidth: 2,
-    fontSize: 18
-  },
-  // 三级及以下节点样式
-  node: {
-    fontSize: 14,
-    color: '#749336'
-  },
-  // 概要节点样式
-  generalization: {
-    fontSize: 14,
-    fillColor: '#cee498',
-    borderColor: '#aec668',
-    borderWidth: 2,
-    color: '#749336'
-  }
-})
diff --git a/simple-mind-map/src/themes/blackGold.js b/simple-mind-map/src/themes/blackGold.js
deleted file mode 100644
index 01304a4d..00000000
--- a/simple-mind-map/src/themes/blackGold.js
+++ /dev/null
@@ -1,44 +0,0 @@
-import defaultTheme from './default'
-import { mergeTheme } from '../utils'
-
-// 黑金
-export default mergeTheme(defaultTheme, {
-  // 背景颜色
-  backgroundColor: 'rgb(18, 20, 20)',
-  // 连线的颜色
-  lineColor: 'rgb(205, 186, 156)',
-  lineWidth: 3,
-  // 概要连线的粗细
-  generalizationLineWidth: 3,
-  // 概要连线的颜色
-  generalizationLineColor: 'rgb(245, 224, 191)',
-  // 根节点样式
-  root: {
-    fillColor: 'rgb(255, 208, 124)',
-    color: 'rgb(111, 61, 6)',
-    borderColor: '',
-    borderWidth: 0,
-    fontSize: 24
-  },
-  // 二级节点样式
-  second: {
-    fillColor: 'rgb(66, 57, 46)',
-    color: 'rgb(225, 201, 158)',
-    borderColor: 'rgb(245, 224, 191)',
-    borderWidth: 2,
-    fontSize: 18
-  },
-  // 三级及以下节点样式
-  node: {
-    fontSize: 14,
-    color: 'rgb(231, 203, 155)'
-  },
-  // 概要节点样式
-  generalization: {
-    fontSize: 14,
-    fillColor: 'rgb(56, 45, 34)',
-    borderColor: 'rgb(104, 84, 61)',
-    borderWidth: 2,
-    color: 'rgb(242, 216, 176)'
-  }
-})
diff --git a/simple-mind-map/src/themes/blackHumour.js b/simple-mind-map/src/themes/blackHumour.js
deleted file mode 100644
index 24d36721..00000000
--- a/simple-mind-map/src/themes/blackHumour.js
+++ /dev/null
@@ -1,44 +0,0 @@
-import defaultTheme from './default'
-import { mergeTheme } from '../utils'
-
-// 黑色幽默
-export default mergeTheme(defaultTheme, {
-  // 背景颜色
-  backgroundColor: 'rgb(27, 31, 34)',
-  // 连线的颜色
-  lineColor: 'rgb(75, 81, 78)',
-  lineWidth: 3,
-  // 概要连线的粗细
-  generalizationLineWidth: 3,
-  // 概要连线的颜色
-  generalizationLineColor: 'rgb(255, 119, 34)',
-  // 根节点样式
-  root: {
-    fillColor: 'rgb(36, 179, 96)',
-    color: '#fff',
-    borderColor: '',
-    borderWidth: 0,
-    fontSize: 24
-  },
-  // 二级节点样式
-  second: {
-    fillColor: 'rgb(254, 199, 13)',
-    color: 'rgb(0, 0, 0)',
-    borderColor: '',
-    borderWidth: 0,
-    fontSize: 18
-  },
-  // 三级及以下节点样式
-  node: {
-    fontSize: 14,
-    color: 'rgb(204, 204, 204)'
-  },
-  // 概要节点样式
-  generalization: {
-    fontSize: 14,
-    fillColor: 'rgb(27, 31, 34)',
-    borderColor: 'rgb(255, 119, 34)',
-    borderWidth: 2,
-    color: 'rgb(204, 204, 204)'
-  }
-})
diff --git a/simple-mind-map/src/themes/blueSky.js b/simple-mind-map/src/themes/blueSky.js
deleted file mode 100644
index 0b100aaf..00000000
--- a/simple-mind-map/src/themes/blueSky.js
+++ /dev/null
@@ -1,37 +0,0 @@
-import defaultTheme from './default'
-import { mergeTheme } from '../utils'
-
-//  天空蓝
-export default mergeTheme(defaultTheme, {
-  // 连线的颜色
-  lineColor: 'rgb(115, 161, 191)',
-  // 背景颜色
-  backgroundColor: 'rgb(251, 251, 251)',
-  // 概要连线的粗细
-  generalizationLineWidth: 1,
-  // 概要连线的颜色
-  generalizationLineColor: '#333',
-  // 根节点样式
-  root: {
-    fillColor: 'rgb(115, 161, 191)'
-  },
-  // 二级节点样式
-  second: {
-    fillColor: 'rgb(238, 243, 246)',
-    color: '#333',
-    borderColor: 'rgb(115, 161, 191)',
-    borderWidth: 1,
-    fontSize: 14
-  },
-  // 三级及以下节点样式
-  node: {
-    fontSize: 12,
-    color: '#333'
-  },
-  // 概要节点样式
-  generalization: {
-    fillColor: '#fff',
-    borderColor: '#333',
-    color: '#333'
-  }
-})
diff --git a/simple-mind-map/src/themes/brainImpairedPink.js b/simple-mind-map/src/themes/brainImpairedPink.js
deleted file mode 100644
index 1087bdf3..00000000
--- a/simple-mind-map/src/themes/brainImpairedPink.js
+++ /dev/null
@@ -1,37 +0,0 @@
-import defaultTheme from './default'
-import { mergeTheme } from '../utils'
-
-//  脑残粉
-export default mergeTheme(defaultTheme, {
-  // 连线的颜色
-  lineColor: 'rgb(191, 115, 148)',
-  // 背景颜色
-  backgroundColor: 'rgb(251, 251, 251)',
-  // 概要连线的粗细
-  generalizationLineWidth: 1,
-  // 概要连线的颜色
-  generalizationLineColor: '#333',
-  // 根节点样式
-  root: {
-    fillColor: 'rgb(191, 115, 148)'
-  },
-  // 二级节点样式
-  second: {
-    fillColor: 'rgb(246, 238, 242)',
-    color: '#333',
-    borderColor: 'rgb(191, 115, 148)',
-    borderWidth: 1,
-    fontSize: 14
-  },
-  // 三级及以下节点样式
-  node: {
-    fontSize: 12,
-    color: '#333'
-  },
-  // 概要节点样式
-  generalization: {
-    fillColor: '#fff',
-    borderColor: '#333',
-    color: '#333'
-  }
-})
diff --git a/simple-mind-map/src/themes/classic.js b/simple-mind-map/src/themes/classic.js
deleted file mode 100644
index c6a60ac8..00000000
--- a/simple-mind-map/src/themes/classic.js
+++ /dev/null
@@ -1,49 +0,0 @@
-import defaultTheme from './default'
-import { mergeTheme } from '../utils'
-
-//  脑图经典
-export default mergeTheme(defaultTheme, {
-  // 连线的颜色
-  lineColor: '#fff',
-  // 连线的粗细
-  lineWidth: 3,
-  // 概要连线的粗细
-  generalizationLineWidth: 3,
-  // 概要连线的颜色
-  generalizationLineColor: '#fff',
-  // 背景颜色
-  backgroundColor: 'rgb(58, 65, 68)',
-  // 背景图片
-  backgroundImage:
-    'data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAUAAAAFCAIAAAACDbGyAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAyRpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuMy1jMDExIDY2LjE0NTY2MSwgMjAxMi8wMi8wNi0xNDo1NjoyNyAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvIiB4bWxuczp4bXBNTT0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wL21tLyIgeG1sbnM6c3RSZWY9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9zVHlwZS9SZXNvdXJjZVJlZiMiIHhtcDpDcmVhdG9yVG9vbD0iQWRvYmUgUGhvdG9zaG9wIENTNiAoTWFjaW50b3NoKSIgeG1wTU06SW5zdGFuY2VJRD0ieG1wLmlpZDowQzg5QTQ0NDhENzgxMUUzOENGREE4QTg0RDgzRTZDNyIgeG1wTU06RG9jdW1lbnRJRD0ieG1wLmRpZDowQzg5QTQ0NThENzgxMUUzOENGREE4QTg0RDgzRTZDNyI+IDx4bXBNTTpEZXJpdmVkRnJvbSBzdFJlZjppbnN0YW5jZUlEPSJ4bXAuaWlkOkMwOEQ1NDRGOEQ3NzExRTM4Q0ZEQThBODREODNFNkM3IiBzdFJlZjpkb2N1bWVudElEPSJ4bXAuZGlkOkMwOEQ1NDUwOEQ3NzExRTM4Q0ZEQThBODREODNFNkM3Ii8+IDwvcmRmOkRlc2NyaXB0aW9uPiA8L3JkZjpSREY+IDwveDp4bXBtZXRhPiA8P3hwYWNrZXQgZW5kPSJyIj8+e9P33AAAACVJREFUeNpisXJ0YUACTAyoAMr/+eM7EGGRZ4FQ7BycEAZAgAEAHbEGtkoQm/wAAAAASUVORK5CYII=',
-  // 背景重复
-  backgroundRepeat: 'repeat',
-  backgroundSize: 'auto',
-  // 根节点样式
-  root: {
-    fillColor: 'rgb(233, 223, 152)',
-    color: '#333',
-    fontSize: 24,
-    borderRadius: 21
-  },
-  // 二级节点样式
-  second: {
-    fillColor: 'rgb(164, 197, 192)',
-    borderColor: 'transparent',
-    color: '#333',
-    fontSize: 16,
-    borderRadius: 10
-  },
-  // 三级及以下节点样式
-  node: {
-    fontSize: 12,
-    color: '#fff',
-    fontWeight: 'bold'
-  },
-  // 概要节点样式
-  generalization: {
-    fillColor: '#fff',
-    borderColor: 'transparent',
-    color: '#333'
-  }
-})
diff --git a/simple-mind-map/src/themes/classic2.js b/simple-mind-map/src/themes/classic2.js
deleted file mode 100644
index 0fda1aeb..00000000
--- a/simple-mind-map/src/themes/classic2.js
+++ /dev/null
@@ -1,43 +0,0 @@
-import defaultTheme from './default'
-import { mergeTheme } from '../utils'
-
-//  经典2
-export default mergeTheme(defaultTheme, {
-  // 连线的颜色
-  lineColor: 'rgb(51, 51, 51)',
-  // 连线的粗细
-  lineWidth: 2,
-  // 概要连线的粗细
-  generalizationLineWidth: 3,
-  // 概要连线的颜色
-  generalizationLineColor: 'rgb(51, 51, 51)',
-  // 背景颜色
-  backgroundColor: '#fff',
-  // 根节点样式
-  root: {
-    fillColor: 'rgb(18, 187, 55)',
-    color: '#fff',
-    fontSize: 24,
-    borderRadius: 10
-  },
-  // 二级节点样式
-  second: {
-    fillColor: 'rgb(241, 242, 241)',
-    borderColor: 'transparent',
-    color: '#1a1a1a',
-    fontSize: 18,
-    borderRadius: 10
-  },
-  // 三级及以下节点样式
-  node: {
-    fontSize: 14,
-    color: '#1a1a1a'
-  },
-  // 概要节点样式
-  generalization: {
-    fillColor: '#fff',
-    borderColor: 'rgb(51, 51, 51)',
-    borderWidth: 2,
-    color: '#1a1a1a'
-  }
-})
diff --git a/simple-mind-map/src/themes/classic3.js b/simple-mind-map/src/themes/classic3.js
deleted file mode 100644
index 1ab19d9a..00000000
--- a/simple-mind-map/src/themes/classic3.js
+++ /dev/null
@@ -1,46 +0,0 @@
-import defaultTheme from './default'
-import { mergeTheme } from '../utils'
-
-//  经典3
-export default mergeTheme(defaultTheme, {
-  // 连线的颜色
-  lineColor: 'rgb(94, 202, 110)',
-  // 连线的粗细
-  lineWidth: 2,
-  // 概要连线的粗细
-  generalizationLineWidth: 3,
-  // 概要连线的颜色
-  generalizationLineColor: '#1a1a1a',
-  // 背景颜色
-  backgroundColor: 'rgb(241, 241, 241)',
-  // 根节点样式
-  root: {
-    fillColor: 'rgb(255, 245, 214)',
-    color: '#1a1a1a',
-    fontSize: 24,
-    borderRadius: 10,
-    borderColor: 'rgb(249, 199, 84)',
-    borderWidth: 1
-  },
-  // 二级节点样式
-  second: {
-    fillColor: 'rgb(255, 245, 214)',
-    borderColor: 'rgb(249, 199, 84)',
-    borderWidth: 1,
-    color: '#1a1a1a',
-    fontSize: 18,
-    borderRadius: 10
-  },
-  // 三级及以下节点样式
-  node: {
-    fontSize: 14,
-    color: '#1a1a1a'
-  },
-  // 概要节点样式
-  generalization: {
-    fillColor: '#fff',
-    borderColor: '#1a1a1a',
-    color: '#1a1a1a',
-    borderWidth: 2
-  }
-})
diff --git a/simple-mind-map/src/themes/classic4.js b/simple-mind-map/src/themes/classic4.js
deleted file mode 100644
index 00e0cf11..00000000
--- a/simple-mind-map/src/themes/classic4.js
+++ /dev/null
@@ -1,49 +0,0 @@
-import defaultTheme from './default'
-import { mergeTheme } from '../utils'
-
-//  经典4
-export default mergeTheme(defaultTheme, {
-  // 连线的颜色
-  lineColor: 'rgb(30, 53, 86)',
-  // 连线的粗细
-  lineWidth: 2,
-  // 概要连线的粗细
-  generalizationLineWidth: 2,
-  // 概要连线的颜色
-  generalizationLineColor: 'rgb(56, 123, 233)',
-  // 背景颜色
-  backgroundColor: 'rgb(241, 241, 241)',
-  // 根节点样式
-  root: {
-    fillColor: 'rgb(30, 53, 86)',
-    color: '#fff',
-    fontSize: 24,
-    borderRadius: 10,
-    borderColor: 'rgb(189, 197, 201)',
-    borderWidth: 2
-  },
-  // 二级节点样式
-  second: {
-    fillColor: 'rgb(169, 218, 218)',
-    borderColor: 'rgb(30, 53, 86)',
-    borderWidth: 2,
-    color: '#fff',
-    fontSize: 18,
-    borderRadius: 10
-  },
-  // 三级及以下节点样式
-  node: {
-    fontSize: 14,
-    color: 'rgb(30, 53, 86)',
-    borderColor: 'rgb(30, 53, 86)',
-    borderWidth: 1,
-    marginY: 20
-  },
-  // 概要节点样式
-  generalization: {
-    fillColor: 'rgb(56, 123, 233)',
-    borderColor: 'rgb(56, 123, 233)',
-    color: '#fff',
-    borderWidth: 0
-  }
-})
diff --git a/simple-mind-map/src/themes/classicBlue.js b/simple-mind-map/src/themes/classicBlue.js
deleted file mode 100644
index d128c7a5..00000000
--- a/simple-mind-map/src/themes/classicBlue.js
+++ /dev/null
@@ -1,40 +0,0 @@
-import defaultTheme from './default'
-import { mergeTheme } from '../utils'
-
-//  经典蓝
-export default mergeTheme(defaultTheme, {
-  // 连线的颜色
-  lineColor: 'rgb(51, 51, 51)',
-  // 连线的粗细
-  lineWidth: 2,
-  // 概要连线的粗细
-  generalizationLineWidth: 2,
-  // 概要连线的颜色
-  generalizationLineColor: 'rgb(51, 51, 51)',
-  // 背景颜色
-  backgroundColor: 'rgb(239, 248, 250)',
-  // 根节点样式
-  root: {
-    fillColor: 'rgb(255, 255, 255)',
-    color: '#222'
-  },
-  // 二级节点样式
-  second: {
-    fillColor: 'rgb(255, 255, 255)',
-    color: '#222',
-    borderColor: 'rgb(255, 255, 255)',
-    borderWidth: 1,
-    fontSize: 14
-  },
-  // 三级及以下节点样式
-  node: {
-    fontSize: 12,
-    color: '#333'
-  },
-  // 概要节点样式
-  generalization: {
-    fillColor: '#fff',
-    borderColor: 'rgb(51, 51, 51)',
-    color: '#333'
-  }
-})
diff --git a/simple-mind-map/src/themes/classicGreen.js b/simple-mind-map/src/themes/classicGreen.js
deleted file mode 100644
index e67cf9ac..00000000
--- a/simple-mind-map/src/themes/classicGreen.js
+++ /dev/null
@@ -1,39 +0,0 @@
-import defaultTheme from './default'
-import { mergeTheme } from '../utils'
-
-//  经典绿
-export default mergeTheme(defaultTheme, {
-  // 连线的颜色
-  lineColor: 'rgb(123, 199, 120)',
-  // 背景颜色
-  backgroundColor: 'rgb(236, 245, 231)',
-  // 概要连线的粗细
-  generalizationLineWidth: 2,
-  // 概要连线的颜色
-  generalizationLineColor: 'rgb(123, 199, 120)',
-  // 根节点样式
-  root: {
-    fillColor: 'rgb(253, 244, 217)',
-    color: '#222'
-  },
-  // 二级节点样式
-  second: {
-    fillColor: 'rgb(253, 244, 217)',
-    color: '#222',
-    borderColor: 'rgb(242, 200, 104)',
-    borderWidth: 1,
-    fontSize: 14
-  },
-  // 三级及以下节点样式
-  node: {
-    fontSize: 12,
-    color: '#333'
-  },
-  // 概要节点样式
-  generalization: {
-    fillColor: 'rgb(123, 199, 120)',
-    borderColor: 'transparent',
-    borderWidth: 2,
-    color: '#fff'
-  }
-})
diff --git a/simple-mind-map/src/themes/coffee.js b/simple-mind-map/src/themes/coffee.js
deleted file mode 100644
index a4f9ac3d..00000000
--- a/simple-mind-map/src/themes/coffee.js
+++ /dev/null
@@ -1,42 +0,0 @@
-import defaultTheme from './default'
-import { mergeTheme } from '../utils'
-
-// 咖啡
-export default mergeTheme(defaultTheme, {
-  // 连线的颜色
-  lineColor: 'rgb(173, 123, 91)',
-  lineWidth: 4,
-  // 概要连线的粗细
-  generalizationLineWidth: 4,
-  // 概要连线的颜色
-  generalizationLineColor: 'rgb(173, 123, 91)',
-  // 根节点样式
-  root: {
-    fillColor: 'rgb(202, 117, 79)',
-    color: '#fff',
-    borderColor: '',
-    borderWidth: 0,
-    fontSize: 24
-  },
-  // 二级节点样式
-  second: {
-    fillColor: 'rgb(245, 231, 216)',
-    color: 'rgb(125, 86, 42)',
-    borderColor: '',
-    borderWidth: 0,
-    fontSize: 18
-  },
-  // 三级及以下节点样式
-  node: {
-    fontSize: 14,
-    color: 'rgb(96, 71, 47)'
-  },
-  // 概要节点样式
-  generalization: {
-    fontSize: 14,
-    fillColor: 'rgb(255, 249, 239)',
-    borderColor: 'rgb(173, 123, 91)',
-    borderWidth: 2,
-    color: 'rgb(122, 83, 44)'
-  }
-})
diff --git a/simple-mind-map/src/themes/courseGreen.js b/simple-mind-map/src/themes/courseGreen.js
deleted file mode 100644
index 550e12a5..00000000
--- a/simple-mind-map/src/themes/courseGreen.js
+++ /dev/null
@@ -1,42 +0,0 @@
-import defaultTheme from './default'
-import { mergeTheme } from '../utils'
-
-// 课程绿
-export default mergeTheme(defaultTheme, {
-  // 连线的颜色
-  lineColor: 'rgb(113, 195, 169)',
-  lineWidth: 3,
-  // 概要连线的粗细
-  generalizationLineWidth: 3,
-  // 概要连线的颜色
-  generalizationLineColor: 'rgb(113, 195, 169)',
-  // 根节点样式
-  root: {
-    fillColor: 'rgb(16, 160, 121)',
-    color: '#fff',
-    borderColor: '',
-    borderWidth: 0,
-    fontSize: 24
-  },
-  // 二级节点样式
-  second: {
-    fillColor: 'rgb(240, 252, 249)',
-    color: 'rgb(50, 113, 96)',
-    borderColor: 'rgb(113, 195, 169)',
-    borderWidth: 2,
-    fontSize: 18
-  },
-  // 三级及以下节点样式
-  node: {
-    fontSize: 14,
-    color: 'rgb(10, 59, 43)'
-  },
-  // 概要节点样式
-  generalization: {
-    fontSize: 14,
-    fillColor: 'rgb(246, 238, 211)',
-    borderColor: '',
-    borderWidth: 0,
-    color: 'rgb(173, 91, 12)'
-  }
-})
diff --git a/simple-mind-map/src/themes/dark.js b/simple-mind-map/src/themes/dark.js
deleted file mode 100644
index 18073bce..00000000
--- a/simple-mind-map/src/themes/dark.js
+++ /dev/null
@@ -1,42 +0,0 @@
-import defaultTheme from './default'
-import { mergeTheme } from '../utils'
-
-//  暗色
-export default mergeTheme(defaultTheme, {
-  // 连线的颜色
-  lineColor: 'rgb(17, 68, 23)',
-  // 连线的粗细
-  lineWidth: 2,
-  // 概要连线的粗细
-  generalizationLineWidth: 2,
-  // 概要连线的颜色
-  generalizationLineColor: '#fff',
-  // 背景颜色
-  backgroundColor: 'rgb(15, 16, 17)',
-  // 根节点样式
-  root: {
-    fillColor: 'rgb(28, 178, 43)',
-    color: '#fff',
-    fontSize: 24,
-    borderRadius: 10
-  },
-  // 二级节点样式
-  second: {
-    fillColor: 'rgb(55, 56, 58)',
-    color: 'rgb(147,148,149)',
-    fontSize: 18,
-    borderRadius: 10,
-    borderWidth: 0
-  },
-  // 三级及以下节点样式
-  node: {
-    fontSize: 14,
-    color: 'rgb(147, 148, 149)'
-  },
-  // 概要节点样式
-  generalization: {
-    fillColor: '#fff',
-    borderColor: 'transparent',
-    color: '#333'
-  }
-})
diff --git a/simple-mind-map/src/themes/dark2.js b/simple-mind-map/src/themes/dark2.js
deleted file mode 100644
index 1dc9a7fd..00000000
--- a/simple-mind-map/src/themes/dark2.js
+++ /dev/null
@@ -1,42 +0,0 @@
-import defaultTheme from './default'
-import { mergeTheme } from '../utils'
-
-//  暗色2
-export default mergeTheme(defaultTheme, {
-  // 连线的颜色
-  lineColor: 'rgb(75, 81, 78)',
-  lineWidth: 3,
-  // 概要连线的粗细
-  generalizationLineWidth: 3,
-  // 概要连线的颜色
-  generalizationLineColor: 'rgb(255, 119, 34)',
-  // 背景颜色
-  backgroundColor: 'rgb(27, 31, 34)',
-  // 根节点样式
-  root: {
-    fillColor: 'rgb(36, 179, 96)',
-    color: '#fff',
-    borderColor: '',
-    borderWidth: 0
-  },
-  // 二级节点样式
-  second: {
-    fillColor: 'rgb(254, 199, 13)',
-    color: 'rgb(0, 0, 0)',
-    borderColor: '',
-    borderWidth: 0,
-    fontSize: 14
-  },
-  // 三级及以下节点样式
-  node: {
-    fontSize: 12,
-    color: 'rgb(204, 204, 204)'
-  },
-  // 概要节点样式
-  generalization: {
-    fillColor: 'transparent',
-    borderColor: 'rgb(255, 119, 34)',
-    borderWidth: 2,
-    color: 'rgb(204, 204, 204)'
-  }
-})
diff --git a/simple-mind-map/src/themes/earthYellow.js b/simple-mind-map/src/themes/earthYellow.js
deleted file mode 100644
index c8ca8656..00000000
--- a/simple-mind-map/src/themes/earthYellow.js
+++ /dev/null
@@ -1,37 +0,0 @@
-import defaultTheme from './default'
-import { mergeTheme } from '../utils'
-
-//  泥土黄
-export default mergeTheme(defaultTheme, {
-  // 连线的颜色
-  lineColor: 'rgb(191, 147, 115)',
-  // 背景颜色
-  backgroundColor: 'rgb(251, 251, 251)',
-  // 概要连线的粗细
-  generalizationLineWidth: 1,
-  // 概要连线的颜色
-  generalizationLineColor: '#333',
-  // 根节点样式
-  root: {
-    fillColor: 'rgb(191, 147, 115)'
-  },
-  // 二级节点样式
-  second: {
-    fillColor: 'rgb(246, 242, 238)',
-    color: '#333',
-    borderColor: 'rgb(191, 147, 115)',
-    borderWidth: 1,
-    fontSize: 14
-  },
-  // 三级及以下节点样式
-  node: {
-    fontSize: 12,
-    color: '#333'
-  },
-  // 概要节点样式
-  generalization: {
-    fillColor: '#fff',
-    borderColor: '#333',
-    color: '#333'
-  }
-})
diff --git a/simple-mind-map/src/themes/freshGreen.js b/simple-mind-map/src/themes/freshGreen.js
deleted file mode 100644
index 66c19168..00000000
--- a/simple-mind-map/src/themes/freshGreen.js
+++ /dev/null
@@ -1,31 +0,0 @@
-import defaultTheme from './default'
-import { mergeTheme } from '../utils'
-
-//  清新绿
-export default mergeTheme(defaultTheme, {
-  // 连线的颜色
-  lineColor: '#333',
-  // 背景颜色
-  backgroundColor: '#d1f6ec',
-  // 概要连线的粗细
-  generalizationLineWidth: 1,
-  // 概要连线的颜色
-  generalizationLineColor: '#333',
-  // 根节点样式
-  root: {
-    fillColor: '#1fb27d'
-  },
-  // 二级节点样式
-  second: {
-    fillColor: '#fff',
-    color: '#565656',
-    borderColor: 'transparent',
-    borderWidth: 0
-  },
-  // 概要节点样式
-  generalization: {
-    fillColor: '#fff',
-    borderColor: '#333',
-    color: '#333'
-  }
-})
diff --git a/simple-mind-map/src/themes/freshRed.js b/simple-mind-map/src/themes/freshRed.js
deleted file mode 100644
index 6aaa7598..00000000
--- a/simple-mind-map/src/themes/freshRed.js
+++ /dev/null
@@ -1,37 +0,0 @@
-import defaultTheme from './default'
-import { mergeTheme } from '../utils'
-
-//  清新红
-export default mergeTheme(defaultTheme, {
-  // 连线的颜色
-  lineColor: 'rgb(191, 115, 115)',
-  // 背景颜色
-  backgroundColor: 'rgb(251, 251, 251)',
-  // 概要连线的粗细
-  generalizationLineWidth: 1,
-  // 概要连线的颜色
-  generalizationLineColor: '#333',
-  // 根节点样式
-  root: {
-    fillColor: 'rgb(191, 115, 115)'
-  },
-  // 二级节点样式
-  second: {
-    fillColor: 'rgb(246, 238, 238)',
-    color: '#333',
-    borderColor: 'rgb(191, 115, 115)',
-    borderWidth: 1,
-    fontSize: 14
-  },
-  // 三级及以下节点样式
-  node: {
-    fontSize: 12,
-    color: '#333'
-  },
-  // 概要节点样式
-  generalization: {
-    fillColor: '#fff',
-    borderColor: '#333',
-    color: '#333'
-  }
-})
diff --git a/simple-mind-map/src/themes/gold.js b/simple-mind-map/src/themes/gold.js
deleted file mode 100644
index 63c9dfae..00000000
--- a/simple-mind-map/src/themes/gold.js
+++ /dev/null
@@ -1,41 +0,0 @@
-import defaultTheme from './default'
-import { mergeTheme } from '../utils'
-
-//  金色vip
-export default mergeTheme(defaultTheme, {
-  // 连线的颜色
-  lineColor: 'rgb(51, 56, 62)',
-  lineWidth: 3,
-  // 概要连线的粗细
-  generalizationLineWidth: 3,
-  // 概要连线的颜色
-  generalizationLineColor: 'rgb(127, 93, 64)',
-  // 背景颜色
-  backgroundColor: '#fff',
-  // 根节点样式
-  root: {
-    fillColor: 'rgb(51, 56, 62)',
-    color: 'rgb(247, 208, 160)',
-    borderColor: '',
-    borderWidth: 0
-  },
-  // 二级节点样式
-  second: {
-    fillColor: 'rgb(239, 209, 176)',
-    color: 'rgb(81, 58, 42)',
-    borderColor: '',
-    borderWidth: 0,
-    fontSize: 14
-  },
-  // 三级及以下节点样式
-  node: {
-    fontSize: 12,
-    color: '#222'
-  },
-  // 概要节点样式
-  generalization: {
-    fillColor: 'rgb(127, 93, 64)',
-    borderColor: 'transparent',
-    color: 'rgb(255, 214, 175)'
-  }
-})
diff --git a/simple-mind-map/src/themes/greenLeaf.js b/simple-mind-map/src/themes/greenLeaf.js
deleted file mode 100644
index ed1e5660..00000000
--- a/simple-mind-map/src/themes/greenLeaf.js
+++ /dev/null
@@ -1,42 +0,0 @@
-import defaultTheme from './default'
-import { mergeTheme } from '../utils'
-
-//  绿叶
-export default mergeTheme(defaultTheme, {
-  // 连线的颜色
-  lineColor: 'rgb(40, 193, 84)',
-  lineWidth: 3,
-  // 概要连线的粗细
-  generalizationLineWidth: 3,
-  // 概要连线的颜色
-  generalizationLineColor: 'rgb(251, 158, 0)',
-  // 背景颜色
-  backgroundColor: 'rgb(238, 255, 243)',
-  // 根节点样式
-  root: {
-    fillColor: 'rgb(25, 193, 73)',
-    color: '#fff',
-    borderColor: '',
-    borderWidth: 0
-  },
-  // 二级节点样式
-  second: {
-    fillColor: '#fff',
-    color: 'rgb(69, 149, 96)',
-    borderColor: '',
-    borderWidth: 0,
-    fontSize: 14
-  },
-  // 三级及以下节点样式
-  node: {
-    fontSize: 12,
-    color: '#222'
-  },
-  // 概要节点样式
-  generalization: {
-    fillColor: '#fff',
-    borderColor: 'rgb(251, 158, 0)',
-    borderWidth: 2,
-    color: 'rgb(51, 51, 51)'
-  }
-})
diff --git a/simple-mind-map/src/themes/index.js b/simple-mind-map/src/themes/index.js
deleted file mode 100644
index d3ab12ac..00000000
--- a/simple-mind-map/src/themes/index.js
+++ /dev/null
@@ -1,67 +0,0 @@
-import defaultTheme from './default'
-import freshGreen from './freshGreen'
-import blueSky from './blueSky'
-import brainImpairedPink from './brainImpairedPink'
-import romanticPurple from './romanticPurple'
-import freshRed from './freshRed'
-import earthYellow from './earthYellow'
-import classic from './classic'
-import classic2 from './classic2'
-import classic3 from './classic3'
-import classic4 from './classic4'
-import dark from './dark'
-import classicGreen from './classicGreen'
-import classicBlue from './classicBlue'
-import minions from './minions'
-import pinkGrape from './pinkGrape'
-import mint from './mint'
-import gold from './gold'
-import vitalityOrange from './vitalityOrange'
-import greenLeaf from './greenLeaf'
-import dark2 from './dark2'
-import skyGreen from './skyGreen'
-import simpleBlack from './simpleBlack'
-import courseGreen from './courseGreen'
-import coffee from './coffee'
-import redSpirit from './redSpirit'
-import blackHumour from './blackHumour'
-import lateNightOffice from './lateNightOffice'
-import blackGold from './blackGold'
-import avocado from './avocado'
-import autumn from './autumn'
-import orangeJuice from './orangeJuice'
-
-export default {
-  default: defaultTheme,
-  freshGreen,
-  blueSky,
-  brainImpairedPink,
-  romanticPurple,
-  freshRed,
-  earthYellow,
-  classic,
-  classic2,
-  classic3,
-  classic4,
-  dark,
-  classicGreen,
-  classicBlue,
-  minions,
-  pinkGrape,
-  mint,
-  gold,
-  vitalityOrange,
-  greenLeaf,
-  dark2,
-  skyGreen,
-  simpleBlack,
-  courseGreen,
-  coffee,
-  redSpirit,
-  blackHumour,
-  lateNightOffice,
-  blackGold,
-  avocado,
-  autumn,
-  orangeJuice
-}
diff --git a/simple-mind-map/src/themes/lateNightOffice.js b/simple-mind-map/src/themes/lateNightOffice.js
deleted file mode 100644
index bd55c4ee..00000000
--- a/simple-mind-map/src/themes/lateNightOffice.js
+++ /dev/null
@@ -1,44 +0,0 @@
-import defaultTheme from './default'
-import { mergeTheme } from '../utils'
-
-// 深夜办公室
-export default mergeTheme(defaultTheme, {
-  // 背景颜色
-  backgroundColor: 'rgb(32, 37, 49)',
-  // 连线的颜色
-  lineColor: 'rgb(137, 167, 196)',
-  lineWidth: 3,
-  // 概要连线的粗细
-  generalizationLineWidth: 3,
-  // 概要连线的颜色
-  generalizationLineColor: 'rgb(255, 119, 34)',
-  // 根节点样式
-  root: {
-    fillColor: 'rgb(23, 153, 243)',
-    color: 'rgb(255, 255, 255)',
-    borderColor: '',
-    borderWidth: 0,
-    fontSize: 24
-  },
-  // 二级节点样式
-  second: {
-    fillColor: 'rgb(70, 78, 94)',
-    color: 'rgb(209, 210, 210)',
-    borderColor: '',
-    borderWidth: 0,
-    fontSize: 18
-  },
-  // 三级及以下节点样式
-  node: {
-    fontSize: 14,
-    color: 'rgb(204, 204, 204)'
-  },
-  // 概要节点样式
-  generalization: {
-    fontSize: 14,
-    fillColor: 'rgb(255, 119, 34)',
-    borderColor: '',
-    borderWidth: 2,
-    color: '#fff'
-  }
-})
diff --git a/simple-mind-map/src/themes/minions.js b/simple-mind-map/src/themes/minions.js
deleted file mode 100644
index 773a90b8..00000000
--- a/simple-mind-map/src/themes/minions.js
+++ /dev/null
@@ -1,40 +0,0 @@
-import defaultTheme from './default'
-import { mergeTheme } from '../utils'
-
-//  小黄人
-export default mergeTheme(defaultTheme, {
-  // 连线的颜色
-  lineColor: 'rgb(51, 51, 51)',
-  lineWidth: 3,
-  // 概要连线的粗细
-  generalizationLineWidth: 3,
-  // 概要连线的颜色
-  generalizationLineColor: '#222',
-  // 背景颜色
-  backgroundColor: 'rgb(248, 215, 49)',
-  // 根节点样式
-  root: {
-    fillColor: 'rgb(55, 165, 255)',
-    borderColor: 'rgb(51, 51, 51)',
-    borderWidth: 3
-  },
-  // 二级节点样式
-  second: {
-    fillColor: 'rgb(255, 160, 36)',
-    color: '#222',
-    borderColor: 'rgb(51, 51, 51)',
-    borderWidth: 3,
-    fontSize: 14
-  },
-  // 三级及以下节点样式
-  node: {
-    fontSize: 12,
-    color: '#222'
-  },
-  // 概要节点样式
-  generalization: {
-    borderColor: '#222',
-    borderWidth: 3,
-    color: '#222'
-  }
-})
diff --git a/simple-mind-map/src/themes/mint.js b/simple-mind-map/src/themes/mint.js
deleted file mode 100644
index 7d9f6619..00000000
--- a/simple-mind-map/src/themes/mint.js
+++ /dev/null
@@ -1,40 +0,0 @@
-import defaultTheme from './default'
-import { mergeTheme } from '../utils'
-
-//  薄荷
-export default mergeTheme(defaultTheme, {
-  // 连线的颜色
-  lineColor: 'rgb(104, 204, 202)',
-  lineWidth: 3,
-  // 概要连线的粗细
-  generalizationLineWidth: 3,
-  // 概要连线的颜色
-  generalizationLineColor: 'rgb(90, 206, 241)',
-  // 背景颜色
-  backgroundColor: 'rgb(239, 255, 255)',
-  // 根节点样式
-  root: {
-    fillColor: 'rgb(0, 192, 184)',
-    borderColor: '',
-    borderWidth: 0
-  },
-  // 二级节点样式
-  second: {
-    fillColor: '#fff',
-    color: '#222',
-    borderColor: 'rgb(184, 235, 233)',
-    borderWidth: 2,
-    fontSize: 14
-  },
-  // 三级及以下节点样式
-  node: {
-    fontSize: 12,
-    color: '#222'
-  },
-  // 概要节点样式
-  generalization: {
-    fillColor: 'rgb(90, 206, 241)',
-    borderColor: 'transparent',
-    color: '#fff'
-  }
-})
diff --git a/simple-mind-map/src/themes/orangeJuice.js b/simple-mind-map/src/themes/orangeJuice.js
deleted file mode 100644
index 697f3cac..00000000
--- a/simple-mind-map/src/themes/orangeJuice.js
+++ /dev/null
@@ -1,44 +0,0 @@
-import defaultTheme from './default'
-import { mergeTheme } from '../utils'
-
-// 橙汁
-export default mergeTheme(defaultTheme, {
-  // 背景颜色
-  backgroundColor: '#070616',
-  // 连线的颜色
-  lineColor: '#fff',
-  lineWidth: 3,
-  // 概要连线的粗细
-  generalizationLineWidth: 3,
-  // 概要连线的颜色
-  generalizationLineColor: '#fff',
-  // 根节点样式
-  root: {
-    fillColor: '#ff6811',
-    color: '#110501',
-    borderColor: '#ff6811',
-    borderWidth: 0,
-    fontSize: 24
-  },
-  // 二级节点样式
-  second: {
-    fillColor: '#070616',
-    color: '#a9a4a9',
-    borderColor: '#ff6811',
-    borderWidth: 2,
-    fontSize: 18
-  },
-  // 三级及以下节点样式
-  node: {
-    fontSize: 14,
-    color: '#a9a4a9'
-  },
-  // 概要节点样式
-  generalization: {
-    fontSize: 14,
-    fillColor: '',
-    borderColor: '#ff6811',
-    borderWidth: 2,
-    color: '#a9a4a9'
-  }
-})
diff --git a/simple-mind-map/src/themes/pinkGrape.js b/simple-mind-map/src/themes/pinkGrape.js
deleted file mode 100644
index 054423ae..00000000
--- a/simple-mind-map/src/themes/pinkGrape.js
+++ /dev/null
@@ -1,40 +0,0 @@
-import defaultTheme from './default'
-import { mergeTheme } from '../utils'
-
-//  粉红葡萄
-export default mergeTheme(defaultTheme, {
-  // 连线的颜色
-  lineColor: 'rgb(166, 101, 106)',
-  lineWidth: 3,
-  // 概要连线的粗细
-  generalizationLineWidth: 3,
-  // 概要连线的颜色
-  generalizationLineColor: '#fff',
-  // 背景颜色
-  backgroundColor: 'rgb(255, 208, 211)',
-  // 根节点样式
-  root: {
-    fillColor: 'rgb(139, 109, 225)',
-    borderColor: '',
-    borderWidth: 0
-  },
-  // 二级节点样式
-  second: {
-    fillColor: 'rgb(243, 104, 138)',
-    color: '#fff',
-    borderColor: '',
-    borderWidth: 0,
-    fontSize: 14
-  },
-  // 三级及以下节点样式
-  node: {
-    fontSize: 12,
-    color: '#222'
-  },
-  // 概要节点样式
-  generalization: {
-    fillColor: '#fff',
-    borderColor: 'transparent',
-    color: '#222'
-  }
-})
diff --git a/simple-mind-map/src/themes/redSpirit.js b/simple-mind-map/src/themes/redSpirit.js
deleted file mode 100644
index 042cd53a..00000000
--- a/simple-mind-map/src/themes/redSpirit.js
+++ /dev/null
@@ -1,44 +0,0 @@
-import defaultTheme from './default'
-import { mergeTheme } from '../utils'
-
-// 红色精神
-export default mergeTheme(defaultTheme, {
-  // 背景颜色
-  backgroundColor: 'rgb(255, 238, 228)',
-  // 连线的颜色
-  lineColor: 'rgb(230, 138, 131)',
-  lineWidth: 3,
-  // 概要连线的粗细
-  generalizationLineWidth: 3,
-  // 概要连线的颜色
-  generalizationLineColor: 'rgb(222, 101, 85)',
-  // 根节点样式
-  root: {
-    fillColor: 'rgb(207, 44, 44)',
-    color: 'rgb(255, 233, 157)',
-    borderColor: '',
-    borderWidth: 0,
-    fontSize: 24
-  },
-  // 二级节点样式
-  second: {
-    fillColor: 'rgb(255, 255, 255)',
-    color: 'rgb(211, 58, 21)',
-    borderColor: 'rgb(222, 101, 85)',
-    borderWidth: 2,
-    fontSize: 18
-  },
-  // 三级及以下节点样式
-  node: {
-    fontSize: 14,
-    color: 'rgb(144, 71, 43)'
-  },
-  // 概要节点样式
-  generalization: {
-    fontSize: 14,
-    fillColor: 'rgb(255, 247, 211)',
-    borderColor: 'rgb(255, 202, 162)',
-    borderWidth: 2,
-    color: 'rgb(187, 101, 69)'
-  }
-})
diff --git a/simple-mind-map/src/themes/romanticPurple.js b/simple-mind-map/src/themes/romanticPurple.js
deleted file mode 100644
index 37344911..00000000
--- a/simple-mind-map/src/themes/romanticPurple.js
+++ /dev/null
@@ -1,37 +0,0 @@
-import defaultTheme from './default'
-import { mergeTheme } from '../utils'
-
-//  浪漫紫
-export default mergeTheme(defaultTheme, {
-  // 连线的颜色
-  lineColor: 'rgb(123, 115, 191)',
-  // 背景颜色
-  backgroundColor: 'rgb(251, 251, 251)',
-  // 概要连线的粗细
-  generalizationLineWidth: 1,
-  // 概要连线的颜色
-  generalizationLineColor: '#333',
-  // 根节点样式
-  root: {
-    fillColor: 'rgb(123, 115, 191)'
-  },
-  // 二级节点样式
-  second: {
-    fillColor: 'rgb(239, 238, 246)',
-    color: '#333',
-    borderColor: 'rgb(123, 115, 191)',
-    borderWidth: 1,
-    fontSize: 14
-  },
-  // 三级及以下节点样式
-  node: {
-    fontSize: 12,
-    color: '#333'
-  },
-  // 概要节点样式
-  generalization: {
-    fillColor: '#fff',
-    borderColor: '#333',
-    color: '#333'
-  }
-})
diff --git a/simple-mind-map/src/themes/simpleBlack.js b/simple-mind-map/src/themes/simpleBlack.js
deleted file mode 100644
index c255c3f7..00000000
--- a/simple-mind-map/src/themes/simpleBlack.js
+++ /dev/null
@@ -1,42 +0,0 @@
-import defaultTheme from './default'
-import { mergeTheme } from '../utils'
-
-// 简约黑
-export default mergeTheme(defaultTheme, {
-  // 连线的颜色
-  lineColor: 'rgb(34, 34, 34)',
-  lineWidth: 4,
-  // 概要连线的粗细
-  generalizationLineWidth: 4,
-  // 概要连线的颜色
-  generalizationLineColor: 'rgb(34, 34, 34)',
-  // 根节点样式
-  root: {
-    fillColor: '#fff',
-    color: 'rgb(34, 34, 34)',
-    borderColor: 'rgb(34, 34, 34)',
-    borderWidth: 3,
-    fontSize: 24
-  },
-  // 二级节点样式
-  second: {
-    fillColor: 'rgb(241, 246, 248)',
-    color: 'rgb(34, 34, 34)',
-    borderColor: 'rgb(34, 34, 34)',
-    borderWidth: 3,
-    fontSize: 18
-  },
-  // 三级及以下节点样式
-  node: {
-    fontSize: 14,
-    color: 'rgb(34, 34, 34)'
-  },
-  // 概要节点样式
-  generalization: {
-    fontSize: 14,
-    fillColor: 'transparent',
-    borderColor: 'rgb(34, 34, 34)',
-    borderWidth: 2,
-    color: 'rgb(34, 34, 34)'
-  }
-})
diff --git a/simple-mind-map/src/themes/skyGreen.js b/simple-mind-map/src/themes/skyGreen.js
deleted file mode 100644
index f0876829..00000000
--- a/simple-mind-map/src/themes/skyGreen.js
+++ /dev/null
@@ -1,41 +0,0 @@
-import defaultTheme from './default'
-import { mergeTheme } from '../utils'
-
-//  天清绿
-export default mergeTheme(defaultTheme, {
-  // 连线的颜色
-  lineColor: '#fff',
-  lineWidth: 3,
-  // 概要连线的粗细
-  generalizationLineWidth: 3,
-  // 概要连线的颜色
-  generalizationLineColor: '#fff',
-  // 背景颜色
-  backgroundColor: 'rgb(80, 156, 170)',
-  // 根节点样式
-  root: {
-    fillColor: '#fff',
-    borderColor: '',
-    borderWidth: 0,
-    color: 'rgb(65, 89, 158)'
-  },
-  // 二级节点样式
-  second: {
-    fillColor: 'rgb(251, 227, 188)',
-    color: 'rgb(65, 89, 158)',
-    borderColor: '',
-    borderWidth: 0,
-    fontSize: 14
-  },
-  // 三级及以下节点样式
-  node: {
-    fontSize: 12,
-    color: 'rgb(65, 89, 158)'
-  },
-  // 概要节点样式
-  generalization: {
-    fillColor: '#fff',
-    borderColor: 'transparent',
-    color: 'rgb(65, 89, 158)'
-  }
-})
diff --git a/simple-mind-map/src/themes/vitalityOrange.js b/simple-mind-map/src/themes/vitalityOrange.js
deleted file mode 100644
index de89eaeb..00000000
--- a/simple-mind-map/src/themes/vitalityOrange.js
+++ /dev/null
@@ -1,41 +0,0 @@
-import defaultTheme from './default'
-import { mergeTheme } from '../utils'
-
-//  活力橙
-export default mergeTheme(defaultTheme, {
-  // 连线的颜色
-  lineColor: 'rgb(254, 146, 0)',
-  lineWidth: 3,
-  // 概要连线的粗细
-  generalizationLineWidth: 3,
-  // 概要连线的颜色
-  generalizationLineColor: 'rgb(255, 222, 69)',
-  // 背景颜色
-  backgroundColor: 'rgb(255, 246, 243)',
-  // 根节点样式
-  root: {
-    fillColor: 'rgb(255, 112, 52)',
-    color: '#fff',
-    borderColor: '',
-    borderWidth: 0
-  },
-  // 二级节点样式
-  second: {
-    fillColor: '#fff',
-    color: 'rgb(51, 51, 51)',
-    borderColor: '',
-    borderWidth: 0,
-    fontSize: 14
-  },
-  // 三级及以下节点样式
-  node: {
-    fontSize: 12,
-    color: '#222'
-  },
-  // 概要节点样式
-  generalization: {
-    fillColor: 'rgb(255, 222, 69)',
-    borderColor: 'transparent',
-    color: 'rgb(51, 51, 51)'
-  }
-})
diff --git a/web/src/assets/img/themes/autumn.jpg b/web/src/assets/img/themes/autumn.jpg
deleted file mode 100644
index fa052790..00000000
Binary files a/web/src/assets/img/themes/autumn.jpg and /dev/null differ
diff --git a/web/src/assets/img/themes/avocado.jpg b/web/src/assets/img/themes/avocado.jpg
deleted file mode 100644
index a1235b59..00000000
Binary files a/web/src/assets/img/themes/avocado.jpg and /dev/null differ
diff --git a/web/src/assets/img/themes/blackGold.jpg b/web/src/assets/img/themes/blackGold.jpg
deleted file mode 100644
index f63de983..00000000
Binary files a/web/src/assets/img/themes/blackGold.jpg and /dev/null differ
diff --git a/web/src/assets/img/themes/blackHumour.jpg b/web/src/assets/img/themes/blackHumour.jpg
deleted file mode 100644
index b0c33be7..00000000
Binary files a/web/src/assets/img/themes/blackHumour.jpg and /dev/null differ
diff --git a/web/src/assets/img/themes/blueSky.jpg b/web/src/assets/img/themes/blueSky.jpg
deleted file mode 100644
index 0e4ebc23..00000000
Binary files a/web/src/assets/img/themes/blueSky.jpg and /dev/null differ
diff --git a/web/src/assets/img/themes/brainImpairedPink.jpg b/web/src/assets/img/themes/brainImpairedPink.jpg
deleted file mode 100644
index 62448d3e..00000000
Binary files a/web/src/assets/img/themes/brainImpairedPink.jpg and /dev/null differ
diff --git a/web/src/assets/img/themes/cactus.jpg b/web/src/assets/img/themes/cactus.jpg
deleted file mode 100644
index 922415c7..00000000
Binary files a/web/src/assets/img/themes/cactus.jpg and /dev/null differ
diff --git a/web/src/assets/img/themes/classic.jpg b/web/src/assets/img/themes/classic.jpg
deleted file mode 100644
index bf6f2490..00000000
Binary files a/web/src/assets/img/themes/classic.jpg and /dev/null differ
diff --git a/web/src/assets/img/themes/classic2.jpg b/web/src/assets/img/themes/classic2.jpg
deleted file mode 100644
index c28e30c8..00000000
Binary files a/web/src/assets/img/themes/classic2.jpg and /dev/null differ
diff --git a/web/src/assets/img/themes/classic3.jpg b/web/src/assets/img/themes/classic3.jpg
deleted file mode 100644
index 44b1d017..00000000
Binary files a/web/src/assets/img/themes/classic3.jpg and /dev/null differ
diff --git a/web/src/assets/img/themes/classic4.jpg b/web/src/assets/img/themes/classic4.jpg
deleted file mode 100644
index b95e5d06..00000000
Binary files a/web/src/assets/img/themes/classic4.jpg and /dev/null differ
diff --git a/web/src/assets/img/themes/classic5.jpg b/web/src/assets/img/themes/classic5.jpg
deleted file mode 100644
index 55d10dc7..00000000
Binary files a/web/src/assets/img/themes/classic5.jpg and /dev/null differ
diff --git a/web/src/assets/img/themes/classic6.jpg b/web/src/assets/img/themes/classic6.jpg
deleted file mode 100644
index 45193df7..00000000
Binary files a/web/src/assets/img/themes/classic6.jpg and /dev/null differ
diff --git a/web/src/assets/img/themes/classic7.jpg b/web/src/assets/img/themes/classic7.jpg
deleted file mode 100644
index adbd20f3..00000000
Binary files a/web/src/assets/img/themes/classic7.jpg and /dev/null differ
diff --git a/web/src/assets/img/themes/classicBlue.jpg b/web/src/assets/img/themes/classicBlue.jpg
deleted file mode 100644
index efbf669a..00000000
Binary files a/web/src/assets/img/themes/classicBlue.jpg and /dev/null differ
diff --git a/web/src/assets/img/themes/classicGreen.jpg b/web/src/assets/img/themes/classicGreen.jpg
deleted file mode 100644
index 4b092a0b..00000000
Binary files a/web/src/assets/img/themes/classicGreen.jpg and /dev/null differ
diff --git a/web/src/assets/img/themes/coffee.jpg b/web/src/assets/img/themes/coffee.jpg
deleted file mode 100644
index 30db8d00..00000000
Binary files a/web/src/assets/img/themes/coffee.jpg and /dev/null differ
diff --git a/web/src/assets/img/themes/courseGreen.jpg b/web/src/assets/img/themes/courseGreen.jpg
deleted file mode 100644
index 8cf7ae6a..00000000
Binary files a/web/src/assets/img/themes/courseGreen.jpg and /dev/null differ
diff --git a/web/src/assets/img/themes/dark.jpg b/web/src/assets/img/themes/dark.jpg
deleted file mode 100644
index 2d8013ac..00000000
Binary files a/web/src/assets/img/themes/dark.jpg and /dev/null differ
diff --git a/web/src/assets/img/themes/dark2.jpg b/web/src/assets/img/themes/dark2.jpg
deleted file mode 100644
index aabfec16..00000000
Binary files a/web/src/assets/img/themes/dark2.jpg and /dev/null differ
diff --git a/web/src/assets/img/themes/dark3.jpg b/web/src/assets/img/themes/dark3.jpg
deleted file mode 100644
index 6de8c407..00000000
Binary files a/web/src/assets/img/themes/dark3.jpg and /dev/null differ
diff --git a/web/src/assets/img/themes/dark4.jpg b/web/src/assets/img/themes/dark4.jpg
deleted file mode 100644
index 0112d879..00000000
Binary files a/web/src/assets/img/themes/dark4.jpg and /dev/null differ
diff --git a/web/src/assets/img/themes/darkNightLceBlade.jpg b/web/src/assets/img/themes/darkNightLceBlade.jpg
deleted file mode 100644
index 1ea928b5..00000000
Binary files a/web/src/assets/img/themes/darkNightLceBlade.jpg and /dev/null differ
diff --git a/web/src/assets/img/themes/default.jpg b/web/src/assets/img/themes/default.jpg
deleted file mode 100644
index e90320c3..00000000
Binary files a/web/src/assets/img/themes/default.jpg and /dev/null differ
diff --git a/web/src/assets/img/themes/earthYellow.jpg b/web/src/assets/img/themes/earthYellow.jpg
deleted file mode 100644
index 7bc65c5e..00000000
Binary files a/web/src/assets/img/themes/earthYellow.jpg and /dev/null differ
diff --git a/web/src/assets/img/themes/freshGreen.jpg b/web/src/assets/img/themes/freshGreen.jpg
deleted file mode 100644
index 2c48339a..00000000
Binary files a/web/src/assets/img/themes/freshGreen.jpg and /dev/null differ
diff --git a/web/src/assets/img/themes/freshRed.jpg b/web/src/assets/img/themes/freshRed.jpg
deleted file mode 100644
index e5192b78..00000000
Binary files a/web/src/assets/img/themes/freshRed.jpg and /dev/null differ
diff --git a/web/src/assets/img/themes/gold.jpg b/web/src/assets/img/themes/gold.jpg
deleted file mode 100644
index 4192a94e..00000000
Binary files a/web/src/assets/img/themes/gold.jpg and /dev/null differ
diff --git a/web/src/assets/img/themes/greenLeaf.jpg b/web/src/assets/img/themes/greenLeaf.jpg
deleted file mode 100644
index 440b89de..00000000
Binary files a/web/src/assets/img/themes/greenLeaf.jpg and /dev/null differ
diff --git a/web/src/assets/img/themes/lateNightOffice.jpg b/web/src/assets/img/themes/lateNightOffice.jpg
deleted file mode 100644
index d6745ee3..00000000
Binary files a/web/src/assets/img/themes/lateNightOffice.jpg and /dev/null differ
diff --git a/web/src/assets/img/themes/lemonBubbles.jpg b/web/src/assets/img/themes/lemonBubbles.jpg
deleted file mode 100644
index ca6c5d67..00000000
Binary files a/web/src/assets/img/themes/lemonBubbles.jpg and /dev/null differ
diff --git a/web/src/assets/img/themes/minions.jpg b/web/src/assets/img/themes/minions.jpg
deleted file mode 100644
index a148ca79..00000000
Binary files a/web/src/assets/img/themes/minions.jpg and /dev/null differ
diff --git a/web/src/assets/img/themes/mint.jpg b/web/src/assets/img/themes/mint.jpg
deleted file mode 100644
index 4f6f72b4..00000000
Binary files a/web/src/assets/img/themes/mint.jpg and /dev/null differ
diff --git a/web/src/assets/img/themes/morandi.jpg b/web/src/assets/img/themes/morandi.jpg
deleted file mode 100644
index b6fa2e2d..00000000
Binary files a/web/src/assets/img/themes/morandi.jpg and /dev/null differ
diff --git a/web/src/assets/img/themes/neonLamp.jpg b/web/src/assets/img/themes/neonLamp.jpg
deleted file mode 100644
index 2cc1d617..00000000
Binary files a/web/src/assets/img/themes/neonLamp.jpg and /dev/null differ
diff --git a/web/src/assets/img/themes/orangeJuice.jpg b/web/src/assets/img/themes/orangeJuice.jpg
deleted file mode 100644
index 0ee8653f..00000000
Binary files a/web/src/assets/img/themes/orangeJuice.jpg and /dev/null differ
diff --git a/web/src/assets/img/themes/oreo.jpg b/web/src/assets/img/themes/oreo.jpg
deleted file mode 100644
index 45071f4d..00000000
Binary files a/web/src/assets/img/themes/oreo.jpg and /dev/null differ
diff --git a/web/src/assets/img/themes/pinkGrape.jpg b/web/src/assets/img/themes/pinkGrape.jpg
deleted file mode 100644
index b82999a2..00000000
Binary files a/web/src/assets/img/themes/pinkGrape.jpg and /dev/null differ
diff --git a/web/src/assets/img/themes/redSpirit.jpg b/web/src/assets/img/themes/redSpirit.jpg
deleted file mode 100644
index 42e3f0b1..00000000
Binary files a/web/src/assets/img/themes/redSpirit.jpg and /dev/null differ
diff --git a/web/src/assets/img/themes/romanticPurple.jpg b/web/src/assets/img/themes/romanticPurple.jpg
deleted file mode 100644
index 2a358966..00000000
Binary files a/web/src/assets/img/themes/romanticPurple.jpg and /dev/null differ
diff --git a/web/src/assets/img/themes/rose.jpg b/web/src/assets/img/themes/rose.jpg
deleted file mode 100644
index d97d4dcb..00000000
Binary files a/web/src/assets/img/themes/rose.jpg and /dev/null differ
diff --git a/web/src/assets/img/themes/seaBlueLine.jpg b/web/src/assets/img/themes/seaBlueLine.jpg
deleted file mode 100644
index 7e7d6da4..00000000
Binary files a/web/src/assets/img/themes/seaBlueLine.jpg and /dev/null differ
diff --git a/web/src/assets/img/themes/shallowSea.jpg b/web/src/assets/img/themes/shallowSea.jpg
deleted file mode 100644
index 0171ee35..00000000
Binary files a/web/src/assets/img/themes/shallowSea.jpg and /dev/null differ
diff --git a/web/src/assets/img/themes/simpleBlack.jpg b/web/src/assets/img/themes/simpleBlack.jpg
deleted file mode 100644
index 1010c65c..00000000
Binary files a/web/src/assets/img/themes/simpleBlack.jpg and /dev/null differ
diff --git a/web/src/assets/img/themes/skyGreen.jpg b/web/src/assets/img/themes/skyGreen.jpg
deleted file mode 100644
index 76a0c1d0..00000000
Binary files a/web/src/assets/img/themes/skyGreen.jpg and /dev/null differ
diff --git a/web/src/assets/img/themes/vitalityOrange.jpg b/web/src/assets/img/themes/vitalityOrange.jpg
deleted file mode 100644
index 8fc9c922..00000000
Binary files a/web/src/assets/img/themes/vitalityOrange.jpg and /dev/null differ
diff --git a/web/src/config/constant.js b/web/src/config/constant.js
index d85420f7..d8b3ecd7 100644
--- a/web/src/config/constant.js
+++ b/web/src/config/constant.js
@@ -11,56 +11,6 @@ export const layoutImgMap = {
   verticalTimeline: require('../assets/img/structures/verticalTimeline.png')
 }
 
-//  主题图片映射
-export const themeMap = {
-  default: require('../assets/img/themes/default.jpg'),
-  classic: require('../assets/img/themes/classic.jpg'),
-  minions: require('../assets/img/themes/minions.jpg'),
-  pinkGrape: require('../assets/img/themes/pinkGrape.jpg'),
-  mint: require('../assets/img/themes/mint.jpg'),
-  gold: require('../assets/img/themes/gold.jpg'),
-  vitalityOrange: require('../assets/img/themes/vitalityOrange.jpg'),
-  greenLeaf: require('../assets/img/themes/greenLeaf.jpg'),
-  dark2: require('../assets/img/themes/dark2.jpg'),
-  skyGreen: require('../assets/img/themes/skyGreen.jpg'),
-  classic2: require('../assets/img/themes/classic2.jpg'),
-  classic3: require('../assets/img/themes/classic3.jpg'),
-  classic4: require('../assets/img/themes/classic4.jpg'),
-  classicGreen: require('../assets/img/themes/classicGreen.jpg'),
-  classicBlue: require('../assets/img/themes/classicBlue.jpg'),
-  blueSky: require('../assets/img/themes/blueSky.jpg'),
-  brainImpairedPink: require('../assets/img/themes/brainImpairedPink.jpg'),
-  dark: require('../assets/img/themes/dark.jpg'),
-  earthYellow: require('../assets/img/themes/earthYellow.jpg'),
-  freshGreen: require('../assets/img/themes/freshGreen.jpg'),
-  freshRed: require('../assets/img/themes/freshRed.jpg'),
-  romanticPurple: require('../assets/img/themes/romanticPurple.jpg'),
-  simpleBlack: require('../assets/img/themes/simpleBlack.jpg'),
-  courseGreen: require('../assets/img/themes/courseGreen.jpg'),
-  coffee: require('../assets/img/themes/coffee.jpg'),
-  redSpirit: require('../assets/img/themes/redSpirit.jpg'),
-  blackHumour: require('../assets/img/themes/blackHumour.jpg'),
-  lateNightOffice: require('../assets/img/themes/lateNightOffice.jpg'),
-  blackGold: require('../assets/img/themes/blackGold.jpg'),
-  autumn: require('../assets/img/themes/autumn.jpg'),
-  avocado: require('../assets/img/themes/avocado.jpg'),
-  orangeJuice: require('../assets/img/themes/orangeJuice.jpg'),
-  oreo: require('../assets/img/themes/oreo.jpg'),
-  shallowSea: require('../assets/img/themes/shallowSea.jpg'),
-  lemonBubbles: require('../assets/img/themes/lemonBubbles.jpg'),
-  rose: require('../assets/img/themes/rose.jpg'),
-  seaBlueLine: require('../assets/img/themes/seaBlueLine.jpg'),
-  neonLamp: require('../assets/img/themes/neonLamp.jpg'),
-  darkNightLceBlade: require('../assets/img/themes/darkNightLceBlade.jpg'),
-  morandi: require('../assets/img/themes/morandi.jpg'),
-  classic5: require('../assets/img/themes/classic5.jpg'),
-  dark3: require('../assets/img/themes/dark3.jpg'),
-  dark4: require('../assets/img/themes/dark4.jpg'),
-  cactus: require('../assets/img/themes/cactus.jpg'),
-  classic6: require('../assets/img/themes/classic6.jpg'),
-  classic7: require('../assets/img/themes/classic7.jpg')
-}
-
 // 公式列表
 export const formulaList = [
   'a^2',
diff --git a/web/src/customThemes/cactus.js b/web/src/customThemes/cactus.js
deleted file mode 100644
index 922d3b6a..00000000
--- a/web/src/customThemes/cactus.js
+++ /dev/null
@@ -1,46 +0,0 @@
-// 仙人掌
-export default {
-    backgroundColor: 'rgb(219, 255, 211)',
-    // 连线的颜色
-    lineColor: 'rgb(51, 51, 51)',
-    lineWidth: 3,
-    // 概要连线的粗细
-    generalizationLineWidth: 3,
-    // 概要连线的颜色
-    generalizationLineColor: 'rgb(255, 127, 71)',
-    // 关联线默认状态的颜色
-    associativeLineColor: 'rgb(160, 220, 63)',
-    // 关联线文字颜色
-    associativeLineTextColor: 'rgb(160, 220, 63)',
-    // 根节点样式
-    root: {
-      fillColor: 'rgb(15, 198, 113)',
-      color: '#fff',
-      borderColor: '',
-      borderWidth: 0,
-      fontSize: 24,
-      shape: 'roundedRectangle'
-    },
-    // 二级节点样式
-    second: {
-      fillColor: '#fff',
-      color: 'rgb(26, 26, 26)',
-      borderColor: '',
-      borderWidth: 0,
-      fontSize: 18
-    },
-    // 三级及以下节点样式
-    node: {
-      fontSize: 14,
-      color: 'rgb(0, 0, 0)'
-    },
-    // 概要节点样式
-    generalization: {
-      fontSize: 14,
-      fillColor: 'rgb(255, 127, 71)',
-      borderColor: '',
-      borderWidth: 0,
-      color: '#fff'
-    }
-  }
-  
\ No newline at end of file
diff --git a/web/src/customThemes/classic5.js b/web/src/customThemes/classic5.js
deleted file mode 100644
index 613ea2ac..00000000
--- a/web/src/customThemes/classic5.js
+++ /dev/null
@@ -1,45 +0,0 @@
-// 经典5
-export default {
-    backgroundColor: 'rgb(233, 245, 241)',
-    // 连线的颜色
-    lineColor: 'rgb(34, 34, 34)',
-    lineWidth: 2,
-    // 概要连线的粗细
-    generalizationLineWidth: 2,
-    // 概要连线的颜色
-    generalizationLineColor: 'rgb(34, 34, 34)',
-    // 关联线默认状态的颜色
-    associativeLineColor: 'rgb(56, 44, 116)',
-    // 关联线文字颜色
-    associativeLineTextColor: 'rgb(68, 68, 68)',
-    // 根节点样式
-    root: {
-      fillColor: 'rgb(56, 44, 116)',
-      color: '#fff',
-      borderColor: 'rgb(56, 44, 116)',
-      borderWidth: 0,
-      fontSize: 24
-    },
-    // 二级节点样式
-    second: {
-      fillColor: 'rgb(161, 213, 188)',
-      color: 'rgb(0, 0, 0)',
-      borderColor: '',
-      borderWidth: 0,
-      fontSize: 18
-    },
-    // 三级及以下节点样式
-    node: {
-      fontSize: 14,
-      color: 'rgb(0, 0, 0)'
-    },
-    // 概要节点样式
-    generalization: {
-      fontSize: 14,
-      fillColor: 'rgb(56, 44, 116)',
-      borderColor: '',
-      borderWidth: 0,
-      color: '#fff'
-    }
-  }
-  
\ No newline at end of file
diff --git a/web/src/customThemes/classic6.js b/web/src/customThemes/classic6.js
deleted file mode 100644
index 1be119f2..00000000
--- a/web/src/customThemes/classic6.js
+++ /dev/null
@@ -1,45 +0,0 @@
-// 经典6
-export default {
-    backgroundColor: 'rgb(255, 255, 255)',
-    // 连线的颜色
-    lineColor: 'rgb(0, 0, 0)',
-    lineWidth: 2,
-    // 概要连线的粗细
-    generalizationLineWidth: 2,
-    // 概要连线的颜色
-    generalizationLineColor: 'rgb(0, 0, 0)',
-    // 关联线默认状态的颜色
-    associativeLineColor: 'rgb(152, 162, 171)',
-    // 关联线文字颜色
-    associativeLineTextColor: 'rgb(68, 68, 68)',
-    // 根节点样式
-    root: {
-      fillColor: 'rgb(237, 182, 72)',
-      color: 'rgb(0, 0, 0)',
-      borderColor: 'rgb(0, 0, 0)',
-      borderWidth: 2,
-      fontSize: 24
-    },
-    // 二级节点样式
-    second: {
-      fillColor: 'rgb(114, 158, 28)',
-      color: '#fff',
-      borderColor: 'rgb(0, 0, 0)',
-      borderWidth: 2,
-      fontSize: 18
-    },
-    // 三级及以下节点样式
-    node: {
-      fontSize: 14,
-      color: 'rgb(10, 2, 2)'
-    },
-    // 概要节点样式
-    generalization: {
-      fontSize: 14,
-      fillColor: '#fff',
-      borderColor: '',
-      borderWidth: 0,
-      color: 'rgb(10, 2, 2)'
-    }
-  }
-  
\ No newline at end of file
diff --git a/web/src/customThemes/classic7.js b/web/src/customThemes/classic7.js
deleted file mode 100644
index 44b92f50..00000000
--- a/web/src/customThemes/classic7.js
+++ /dev/null
@@ -1,44 +0,0 @@
-// 经典7
-export default {
-  backgroundColor: 'rgb(255, 255, 255)',
-  // 连线的颜色
-  lineColor: 'rgb(237, 185, 81)',
-  lineWidth: 2,
-  // 概要连线的粗细
-  generalizationLineWidth: 2,
-  // 概要连线的颜色
-  generalizationLineColor: 'rgb(226, 90, 64)',
-  // 关联线默认状态的颜色
-  associativeLineColor: 'rgb(152, 162, 171)',
-  // 关联线文字颜色
-  associativeLineTextColor: 'rgb(68, 68, 68)',
-  // 根节点样式
-  root: {
-    fillColor: 'rgb(226, 90, 64)',
-    color: '#fff',
-    borderColor: '',
-    borderWidth: 0,
-    fontSize: 24
-  },
-  // 二级节点样式
-  second: {
-    fillColor: 'rgb(43, 118, 239)',
-    color: '#fff',
-    borderColor: '',
-    borderWidth: 0,
-    fontSize: 18
-  },
-  // 三级及以下节点样式
-  node: {
-    fontSize: 14,
-    color: 'rgb(43, 118, 239)'
-  },
-  // 概要节点样式
-  generalization: {
-    fontSize: 14,
-    fillColor: '#fff',
-    borderColor: '',
-    borderWidth: 0,
-    color: 'rgb(43, 118, 239)'
-  }
-}
diff --git a/web/src/customThemes/dark3.js b/web/src/customThemes/dark3.js
deleted file mode 100644
index 27a536a2..00000000
--- a/web/src/customThemes/dark3.js
+++ /dev/null
@@ -1,46 +0,0 @@
-// 暗色3
-export default {
-    backgroundColor: 'rgb(0, 0, 0)',
-    // 连线的颜色
-    lineColor: 'rgb(172, 172, 172)',
-    lineWidth: 2,
-    // 概要连线的粗细
-    generalizationLineWidth: 2,
-    // 概要连线的颜色
-    generalizationLineColor: 'rgb(172, 172, 172)',
-    // 关联线默认状态的颜色
-    associativeLineColor: 'rgb(57, 130, 252)',
-    // 关联线文字颜色
-    associativeLineTextColor: 'rgb(68, 68, 68)',
-    // 根节点样式
-    root: {
-      fillColor: '#fff',
-      color: 'rgb(241, 79, 81)',
-      borderColor: '',
-      borderWidth: 0,
-      fontSize: 24,
-      shape: 'roundedRectangle'
-    },
-    // 二级节点样式
-    second: {
-      fillColor: 'rgb(241, 79, 81)',
-      color: '#fff',
-      borderColor: '',
-      borderWidth: 0,
-      fontSize: 18
-    },
-    // 三级及以下节点样式
-    node: {
-      fontSize: 14,
-      color: '#fff'
-    },
-    // 概要节点样式
-    generalization: {
-      fontSize: 14,
-      fillColor: '#fff',
-      borderColor: '',
-      borderWidth: 0,
-      color: 'rgb(241, 79, 81)'
-    }
-  }
-  
\ No newline at end of file
diff --git a/web/src/customThemes/dark4.js b/web/src/customThemes/dark4.js
deleted file mode 100644
index f88ca87d..00000000
--- a/web/src/customThemes/dark4.js
+++ /dev/null
@@ -1,45 +0,0 @@
-// 暗色4
-export default {
-    backgroundColor: 'rgb(32, 34, 43)',
-    // 连线的颜色
-    lineColor: 'rgb(90, 136, 116)',
-    lineWidth: 2,
-    // 概要连线的粗细
-    generalizationLineWidth: 2,
-    // 概要连线的颜色
-    generalizationLineColor: 'rgb(90, 136, 116)',
-    // 关联线默认状态的颜色
-    associativeLineColor: 'rgb(57, 130, 252)',
-    // 关联线文字颜色
-    associativeLineTextColor: 'rgb(68, 68, 68)',
-    // 根节点样式
-    root: {
-      fillColor: 'rgb(1, 192, 116)',
-      color: '#fff',
-      borderColor: '',
-      borderWidth: 0,
-      fontSize: 24
-    },
-    // 二级节点样式
-    second: {
-      fillColor: 'rgb(48, 51, 63)',
-      color: '#fff',
-      borderColor: '',
-      borderWidth: 0,
-      fontSize: 18
-    },
-    // 三级及以下节点样式
-    node: {
-      fontSize: 14,
-      color: '#fff'
-    },
-    // 概要节点样式
-    generalization: {
-      fontSize: 14,
-      fillColor: 'rgb(1, 192, 116)',
-      borderColor: '',
-      borderWidth: 0,
-      color: '#fff'
-    }
-  }
-  
\ No newline at end of file
diff --git a/web/src/customThemes/darkNightLceBlade.js b/web/src/customThemes/darkNightLceBlade.js
deleted file mode 100644
index 12c2d2d5..00000000
--- a/web/src/customThemes/darkNightLceBlade.js
+++ /dev/null
@@ -1,47 +0,0 @@
-// 暗夜冰刃
-export default {
-    backgroundColor: 'rgb(0, 21, 21)',
-    // 连线的颜色
-    lineColor: 'rgb(0, 139, 146)',
-    lineWidth: 3,
-    // 概要连线的粗细
-    generalizationLineWidth: 3,
-    // 概要连线的颜色
-    generalizationLineColor: 'rgba(2, 167, 240, 0.5)',
-    // 关联线默认状态的颜色
-    associativeLineColor: 'rgb(255, 255, 255)',
-    // 关联线文字颜色
-    associativeLineTextColor: 'rgb(255, 255, 255)',
-    // 根节点样式
-    root: {
-      fillColor: 'rgb(0, 243, 255)',
-      color: 'rgb(0, 21, 21)',
-      borderColor: '#fff',
-      borderWidth: 3,
-      fontSize: 24,
-      shape: 'parallelogram'
-    },
-    // 二级节点样式
-    second: {
-      fillColor: 'rgb(0, 21, 21)',
-      color: '#fff',
-      borderColor: '#fff',
-      borderWidth: 3,
-      fontSize: 18,
-      shape: 'diamond'
-    },
-    // 三级及以下节点样式
-    node: {
-      fontSize: 14,
-      color: '#fff'
-    },
-    // 概要节点样式
-    generalization: {
-      fontSize: 14,
-      fillColor: '#fff',
-      borderColor: 'rgb(0, 117, 255)',
-      borderWidth: 2,
-      color: 'rgb(0, 21, 21)'
-    }
-  }
-  
\ No newline at end of file
diff --git a/web/src/customThemes/index.js b/web/src/customThemes/index.js
deleted file mode 100644
index 39aec8e0..00000000
--- a/web/src/customThemes/index.js
+++ /dev/null
@@ -1,101 +0,0 @@
-import oreo from './oreo'
-import shallowSea from './shallowSea'
-import lemonBubbles from './lemonBubbles'
-import rose from './rose'
-import seaBlueLine from './seaBlueLine'
-import neonLamp from './neonLamp'
-import darkNightLceBlade from './darkNightLceBlade'
-import morandi from './morandi'
-import classic5 from './classic5'
-import classic6 from './classic6'
-import classic7 from './classic7'
-import dark3 from './dark3'
-import dark4 from './dark4'
-import cactus from './cactus'
-
-export default [
-    {
-        name: '奥利奥',
-        value: 'oreo',
-        theme: oreo,
-        dark: false
-    },
-    {
-        name: '浅海',
-        value: 'shallowSea',
-        theme: shallowSea,
-        dark: false
-    },
-    {
-        name: '柠檬气泡',
-        value: 'lemonBubbles',
-        theme: lemonBubbles,
-        dark: false
-    },
-    {
-        name: '玫瑰',
-        value: 'rose',
-        theme: rose,
-        dark: false
-    },
-    {
-        name: '海蓝线',
-        value: 'seaBlueLine',
-        theme: seaBlueLine,
-        dark: false
-    },
-    {
-        name: '霓虹灯',
-        value: 'neonLamp',
-        theme: neonLamp,
-        dark: true
-    },
-    {
-        name: '暗夜冰刃',
-        value: 'darkNightLceBlade',
-        theme: darkNightLceBlade,
-        dark: true
-    },
-    {
-        name: '莫兰迪',
-        value: 'morandi',
-        theme: morandi,
-        dark: false
-    },
-    {
-        name: '脑图经典5',
-        value: 'classic5',
-        theme: classic5,
-        dark: false
-    },
-    {
-        name: '暗色3',
-        value: 'dark3',
-        theme: dark3,
-        dark: true
-    },
-    {
-        name: '暗色4',
-        value: 'dark4',
-        theme: dark4,
-        dark: true
-    },
-    {
-        name: '仙人掌',
-        value: 'cactus',
-        theme: cactus,
-        dark: false
-    },
-    {
-        name: '脑图经典6',
-        value: 'classic6',
-        theme: classic6,
-        dark: false
-    },
-    {
-        name: '脑图经典7',
-        value: 'classic7',
-        theme: classic7,
-        dark: false
-    }
-]
\ No newline at end of file
diff --git a/web/src/customThemes/lemonBubbles.js b/web/src/customThemes/lemonBubbles.js
deleted file mode 100644
index 4cfe0604..00000000
--- a/web/src/customThemes/lemonBubbles.js
+++ /dev/null
@@ -1,43 +0,0 @@
-// 柠檬气泡
-export default {
-    backgroundColor: 'rgb(236, 254, 255)',
-    // 连线的颜色
-    lineColor: 'rgb(51, 51, 51)',
-    lineWidth: 3,
-    // 概要连线的粗细
-    generalizationLineWidth: 3,
-    // 概要连线的颜色
-    generalizationLineColor: 'rgb(51, 51, 51)',
-    // 根节点样式
-    root: {
-      fillColor: 'rgb(39, 222, 232)',
-      color: 'rgb(26, 26, 26)',
-      borderColor: 'rgb(26, 26, 26)',
-      borderWidth: 3,
-      fontSize: 24,
-      shape: 'roundedRectangle'
-    },
-    // 二级节点样式
-    second: {
-      fillColor: 'rgb(235, 255, 187)',
-      color: 'rgb(0, 0, 0)',
-      borderColor: 'rgb(51, 51, 51)',
-      borderWidth: 3,
-      fontSize: 18,
-      shape: 'roundedRectangle'
-    },
-    // 三级及以下节点样式
-    node: {
-      fontSize: 14,
-      color: 'rgb(0, 0, 0)'
-    },
-    // 概要节点样式
-    generalization: {
-      fontSize: 14,
-      fillColor: '#fff',
-      borderColor: 'rgb(26, 26, 26)',
-      borderWidth: 2,
-      color: 'rgb(26, 26, 26)'
-    }
-  }
-  
\ No newline at end of file
diff --git a/web/src/customThemes/morandi.js b/web/src/customThemes/morandi.js
deleted file mode 100644
index d00fb172..00000000
--- a/web/src/customThemes/morandi.js
+++ /dev/null
@@ -1,47 +0,0 @@
-// 莫兰迪
-export default {
-    backgroundColor: 'rgb(252, 245, 241)',
-    // 连线的颜色
-    lineColor: 'rgb(144, 114, 110)',
-    lineWidth: 3,
-    // 概要连线的粗细
-    generalizationLineWidth: 3,
-    // 概要连线的颜色
-    generalizationLineColor: 'rgb(128, 154, 151)',
-    // 关联线默认状态的颜色
-    associativeLineColor: 'rgb(166, 124, 106)',
-    // 关联线文字颜色
-    associativeLineTextColor: 'rgb(166, 124, 106)',
-    // 根节点样式
-    root: {
-      fillColor: 'rgb(207, 121, 105)',
-      color: '#fff',
-      borderColor: 'rgb(207, 121, 105)',
-      borderWidth: 3,
-      fontSize: 24,
-      shape: 'roundedRectangle'
-    },
-    // 二级节点样式
-    second: {
-      fillColor: 'rgb(239, 210, 207)',
-      color: 'rgb(144, 79, 68)',
-      borderColor: 'rgb(222, 186, 183)',
-      borderWidth: 3,
-      fontSize: 18,
-      shape: 'roundedRectangle'
-    },
-    // 三级及以下节点样式
-    node: {
-      fontSize: 14,
-      color: 'rgb(131, 90, 64)'
-    },
-    // 概要节点样式
-    generalization: {
-      fontSize: 14,
-      fillColor: 'rgb(172, 202, 199)',
-      borderColor: 'rgb(172, 202, 199)',
-      borderWidth: 2,
-      color: 'rgb(91, 102, 97)'
-    }
-  }
-  
\ No newline at end of file
diff --git a/web/src/customThemes/neonLamp.js b/web/src/customThemes/neonLamp.js
deleted file mode 100644
index 6fe9e346..00000000
--- a/web/src/customThemes/neonLamp.js
+++ /dev/null
@@ -1,46 +0,0 @@
-// 霓虹灯
-export default {
-    backgroundColor: 'rgb(17, 17, 84)',
-    // 连线的颜色
-    lineColor: 'rgb(255, 0, 214)',
-    lineWidth: 3,
-    // 概要连线的粗细
-    generalizationLineWidth: 3,
-    // 概要连线的颜色
-    generalizationLineColor: 'rgb(255, 181, 0)',
-    // 关联线默认状态的颜色
-    associativeLineColor: 'rgb(255, 255, 255)',
-    // 关联线文字颜色
-    associativeLineTextColor: 'rgb(255, 255, 255)',
-    // 根节点样式
-    root: {
-      fillColor: 'rgb(251, 233, 248)',
-      color: 'rgb(208, 5, 176)',
-      borderColor: 'rgb(255, 0, 214)',
-      borderWidth: 3,
-      fontSize: 24,
-      shape: 'roundedRectangle'
-    },
-    // 二级节点样式
-    second: {
-      fillColor: 'transparent',
-      color: 'rgb(248, 177, 237)',
-      borderColor: '',
-      borderWidth: 3,
-      fontSize: 18
-    },
-    // 三级及以下节点样式
-    node: {
-      fontSize: 14,
-      color: '#fff'
-    },
-    // 概要节点样式
-    generalization: {
-      fontSize: 14,
-      fillColor: '#fff',
-      borderColor: 'rgb(255, 181, 0)',
-      borderWidth: 2,
-      color: 'rgb(17, 17, 84)'
-    }
-  }
-  
\ No newline at end of file
diff --git a/web/src/customThemes/oreo.js b/web/src/customThemes/oreo.js
deleted file mode 100644
index f0ee01b4..00000000
--- a/web/src/customThemes/oreo.js
+++ /dev/null
@@ -1,40 +0,0 @@
-// 奥利奥
-export default {
-  // 连线的颜色
-  lineColor: 'rgb(51, 51, 51)',
-  lineWidth: 3,
-  // 概要连线的粗细
-  generalizationLineWidth: 3,
-  // 概要连线的颜色
-  generalizationLineColor: 'rgb(51, 51, 51)',
-  // 根节点样式
-  root: {
-    fillColor: 'rgb(22, 22, 22)',
-    color: '#fff',
-    borderColor: 'rgb(22, 22, 22)',
-    borderWidth: 3,
-    fontSize: 24
-  },
-  // 二级节点样式
-  second: {
-    fillColor: 'rgb(244, 246, 253)',
-    color: 'rgb(0, 0, 0)',
-    borderColor: '',
-    borderWidth: 3,
-    fontSize: 18,
-    shape: 'roundedRectangle'
-  },
-  // 三级及以下节点样式
-  node: {
-    fontSize: 14,
-    color: 'rgb(0, 0, 0)'
-  },
-  // 概要节点样式
-  generalization: {
-    fontSize: 14,
-    fillColor: 'transparent',
-    borderColor: 'rgb(34, 34, 34)',
-    borderWidth: 2,
-    color: 'rgb(34, 34, 34)'
-  }
-}
diff --git a/web/src/customThemes/rose.js b/web/src/customThemes/rose.js
deleted file mode 100644
index ea499054..00000000
--- a/web/src/customThemes/rose.js
+++ /dev/null
@@ -1,43 +0,0 @@
-// 玫瑰
-export default {
-    backgroundColor: 'rgb(255, 251, 231)',
-    // 连线的颜色
-    lineColor: 'rgb(110, 165, 79)',
-    lineWidth: 3,
-    // 概要连线的粗细
-    generalizationLineWidth: 3,
-    // 概要连线的颜色
-    generalizationLineColor: 'rgb(136, 100, 0)',
-    // 根节点样式
-    root: {
-      fillColor: 'rgb(254, 92, 92)',
-      color: '#fff',
-      borderColor: 'rgb(18, 187, 55)',
-      borderWidth: 3,
-      fontSize: 24,
-      shape: 'roundedRectangle'
-    },
-    // 二级节点样式
-    second: {
-      fillColor: 'rgb(209, 237, 176)',
-      color: 'rgb(85, 136, 55)',
-      borderColor: '',
-      borderWidth: 3,
-      fontSize: 18,
-      shape: 'roundedRectangle'
-    },
-    // 三级及以下节点样式
-    node: {
-      fontSize: 14,
-      color: 'rgb(26, 26, 26)'
-    },
-    // 概要节点样式
-    generalization: {
-      fontSize: 14,
-      fillColor: '#fff',
-      borderColor: 'rgb(136, 100, 0)',
-      borderWidth: 2,
-      color: 'rgb(136, 100, 0)'
-    }
-  }
-  
\ No newline at end of file
diff --git a/web/src/customThemes/seaBlueLine.js b/web/src/customThemes/seaBlueLine.js
deleted file mode 100644
index e54ac1ee..00000000
--- a/web/src/customThemes/seaBlueLine.js
+++ /dev/null
@@ -1,43 +0,0 @@
-// 海蓝线
-export default {
-    backgroundColor: 'rgb(231, 245, 255)',
-    // 连线的颜色
-    lineColor: 'rgb(96, 189, 255)',
-    lineWidth: 3,
-    // 概要连线的粗细
-    generalizationLineWidth: 3,
-    // 概要连线的颜色
-    generalizationLineColor: 'rgb(0, 155, 255)',
-    // 根节点样式
-    root: {
-      fillColor: 'rgb(96, 189, 255)',
-      color: '#fff',
-      borderColor: '#fff',
-      borderWidth: 3,
-      fontSize: 24,
-      shape: 'roundedRectangle'
-    },
-    // 二级节点样式
-    second: {
-      fillColor: '#fff',
-      color: 'rgb(0, 149, 255)',
-      borderColor: '',
-      borderWidth: 3,
-      fontSize: 18,
-      shape: 'roundedRectangle'
-    },
-    // 三级及以下节点样式
-    node: {
-      fontSize: 14,
-      color: 'rgb(0, 66, 157)'
-    },
-    // 概要节点样式
-    generalization: {
-      fontSize: 14,
-      fillColor: '#fff',
-      borderColor: 'rgb(0, 155, 255)',
-      borderWidth: 2,
-      color: 'rgb(0, 155, 255)'
-    }
-  }
-  
\ No newline at end of file
diff --git a/web/src/customThemes/shallowSea.js b/web/src/customThemes/shallowSea.js
deleted file mode 100644
index 0374bb3b..00000000
--- a/web/src/customThemes/shallowSea.js
+++ /dev/null
@@ -1,42 +0,0 @@
-// 浅海
-export default {
-    backgroundColor: 'rgb(187, 241, 250)',
-    // 连线的颜色
-    lineColor: 'rgb(74, 139, 170)',
-    lineWidth: 3,
-    // 概要连线的粗细
-    generalizationLineWidth: 3,
-    // 概要连线的颜色
-    generalizationLineColor: 'rgb(255, 168, 101)',
-    // 根节点样式
-    root: {
-      fillColor: 'rgb(51, 149, 255)',
-      color: '#fff',
-      borderColor: 'rgb(51, 149, 255)',
-      borderWidth: 3,
-      fontSize: 24,
-      shape: 'roundedRectangle'
-    },
-    // 二级节点样式
-    second: {
-      fillColor: 'rgb(74, 139, 170)',
-      color: '#fff',
-      borderColor: '',
-      borderWidth: 3,
-      fontSize: 18
-    },
-    // 三级及以下节点样式
-    node: {
-      fontSize: 14,
-      color: 'rgb(0, 0, 0)'
-    },
-    // 概要节点样式
-    generalization: {
-      fontSize: 14,
-      fillColor: '#fff',
-      borderColor: 'rgb(255, 168, 101)',
-      borderWidth: 2,
-      color: '#000'
-    }
-  }
-  
\ No newline at end of file
diff --git a/web/src/pages/Edit/components/Edit.vue b/web/src/pages/Edit/components/Edit.vue
index 3f2f2244..431ac9bc 100644
--- a/web/src/pages/Edit/components/Edit.vue
+++ b/web/src/pages/Edit/components/Edit.vue
@@ -71,6 +71,7 @@ import Formula from 'simple-mind-map/src/plugins/Formula.js'
 import RainbowLines from 'simple-mind-map/src/plugins/RainbowLines.js'
 import Demonstrate from 'simple-mind-map/src/plugins/Demonstrate.js'
 import OuterFrame from 'simple-mind-map/src/plugins/OuterFrame.js'
+import Themes from 'simple-mind-map-plugin-themes'
 // 协同编辑插件
 // import Cooperate from 'simple-mind-map/src/plugins/Cooperate.js'
 // 手绘风格插件，该插件为付费插件，详情请查看开发文档
@@ -83,7 +84,7 @@ import OuterFrame from 'simple-mind-map/src/plugins/OuterFrame.js'
 // import Freemind from 'simple-mind-map-plugin-freemind'
 // Excel软件格式导入导出插件，该插件为付费插件，详情请查看开发文档
 // import Excel from 'simple-mind-map-plugin-excel'
-// npm link simple-mind-map-plugin-excel simple-mind-map-plugin-freemind simple-mind-map-plugin-numbers simple-mind-map-plugin-notation simple-mind-map-plugin-handdrawnlikestyle simple-mind-map
+// npm link simple-mind-map-plugin-excel simple-mind-map-plugin-freemind simple-mind-map-plugin-numbers simple-mind-map-plugin-notation simple-mind-map-plugin-handdrawnlikestyle simple-mind-map simple-mind-map-plugin-themes
 import OutlineSidebar from './OutlineSidebar'
 import Style from './Style'
 import BaseStyle from './BaseStyle'
@@ -101,7 +102,6 @@ import NodeImgPreview from './NodeImgPreview.vue'
 import SidebarTrigger from './SidebarTrigger.vue'
 import { mapState } from 'vuex'
 import icon from '@/config/icon'
-import customThemeList from '@/customThemes'
 import CustomNodeContent from './CustomNodeContent.vue'
 import Color from './Color.vue'
 import Vue from 'vue'
@@ -142,10 +142,8 @@ MindMap.usePlugin(MiniMap)
   .usePlugin(OuterFrame)
 // .usePlugin(Cooperate) // 协同插件
 
-// 注册自定义主题
-customThemeList.forEach(item => {
-  MindMap.defineTheme(item.value, item.theme)
-})
+// 注册主题
+Themes.init(MindMap)
 
 /**
  * @Author: 王林
diff --git a/web/src/pages/Edit/components/Theme.vue b/web/src/pages/Edit/components/Theme.vue
index 06acc666..002c61ff 100644
--- a/web/src/pages/Edit/components/Theme.vue
+++ b/web/src/pages/Edit/components/Theme.vue
@@ -17,7 +17,7 @@
         :class="{ active: item.value === theme }"
       >
         <div class="imgBox">
-          <img :src="themeMap[item.value]" alt="" />
+          <img :src="themeImgMap[item.value]" alt="" />
         </div>
         <div class="name">{{ item.name }}</div>
       </div>
@@ -27,11 +27,10 @@
 
 <script>
 import Sidebar from './Sidebar'
-import { themeList } from 'simple-mind-map/src/constants/constant'
 import { storeConfig } from '@/api'
 import { mapState, mapMutations } from 'vuex'
-import { themeMap } from '@/config/constant.js'
-import customThemeList from '@/customThemes'
+import themeImgMap from 'simple-mind-map-plugin-themes/themeImgMap'
+import themeList from 'simple-mind-map-plugin-themes/themeList'
 
 /**
  * @Author: 王林
@@ -54,8 +53,15 @@ export default {
   },
   data() {
     return {
-      themeList: [...themeList, ...customThemeList].reverse(),
-      themeMap,
+      themeList: [
+        {
+          name: '默认主题',
+          value: 'default',
+          dark: false
+        },
+        ...themeList
+      ].reverse(),
+      themeImgMap,
       theme: '',
       activeName: '',
       groupList: []