diff --git a/src/components/core/d2-layout-main/index.vue b/src/components/core/d2-layout-main/index.vue
index 94fd5a8f..15e4ee42 100644
--- a/src/components/core/d2-layout-main/index.vue
+++ b/src/components/core/d2-layout-main/index.vue
@@ -29,6 +29,7 @@
 </template>
 
 <script>
+import { mapMutations } from 'vuex'
 export default {
   name: 'd2-layout-main',
   components: {
@@ -44,6 +45,14 @@ export default {
       // [侧边栏宽度] 折叠状态
       asideWidthCollapse: '65px'
     }
+  },
+  mounted () {
+    this.loadTheme()
+  },
+  methods: {
+    ...mapMutations([
+      'loadTheme'
+    ])
   }
 }
 </script>
diff --git a/src/store/modules/theme.js b/src/store/modules/theme.js
index 6fc16a7a..f1ba0088 100644
--- a/src/store/modules/theme.js
+++ b/src/store/modules/theme.js
@@ -1,3 +1,5 @@
+import Cookies from 'js-cookie'
+
 export default {
   state: {
     list: [
@@ -15,6 +17,14 @@ export default {
     name: 'star'
   },
   mutations: {
+    loadTheme (state) {
+      const name = Cookies.get('themeName')
+      if (name) {
+        this.commit('setTheme', name)
+      } else {
+        this.commit('setTheme', state.list[0].value)
+      }
+    },
     // 设置主题
     setTheme (state, name) {
       state.name = name