diff --git a/public/index.html b/public/index.html
index 4a3909af3..4a3443601 100644
--- a/public/index.html
+++ b/public/index.html
@@ -9,7 +9,7 @@
     <meta http-equiv="Cache" content="no-cache">
     <meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1, user-scalable=no">
     <title><%= webpackConfig.name %></title>
-    <link rel="stylesheet" href="<%= BASE_URL %>theme/index.css">
+    <link rel="stylesheet" href="<%= BASE_URL %>theme/element-ui.css">
   </head>
   <body>
     <noscript>
diff --git a/src/store/modules/settings.js b/src/store/modules/settings.js
index bb3f0cc5c..a434c2876 100644
--- a/src/store/modules/settings.js
+++ b/src/store/modules/settings.js
@@ -1,7 +1,7 @@
 import defaultSettings from '@/settings'
 import { getPublicSettings } from '@/api/settings'
 import { writeNewStyle, getIndexStyle } from '@/utils/theme/index'
-import { matchColor, defaultThemeColor } from '@/utils/theme/color'
+import { defaultThemeColor } from '@/utils/theme/color'
 
 const { showSettings, fixedHeader, sidebarLogo, tagsView } = defaultSettings
 
@@ -22,9 +22,9 @@ const mutations = {
     }
   },
   SET_PUBLIC_SETTINGS: (state, settings) => {
-    const color = settings.INTERFACE?.theme
+    const color = settings?.INTERFACE?.theme_info?.colors?.['--color-primary']
     state.publicSettings = settings
-    state.themeColor = matchColor[color] || defaultThemeColor
+    state.themeColor = color || defaultThemeColor
 
     if (settings['XPACK_ENABLED']) {
       state.hasValidLicense = settings['XPACK_LICENSE_IS_VALID']
@@ -60,8 +60,8 @@ const actions = {
           // 动态修改Title
           document.title = data['INTERFACE']['login_title']
         }
-        commit('SET_PUBLIC_SETTINGS', data)
         getIndexStyle().then(() => {
+          commit('SET_PUBLIC_SETTINGS', data)
           writeNewStyle(state.themeColor)
         })
         resolve(response)
diff --git a/src/views/settings/Interface.vue b/src/views/settings/Interface.vue
index 2249cf0cb..5c756c504 100644
--- a/src/views/settings/Interface.vue
+++ b/src/views/settings/Interface.vue
@@ -30,7 +30,6 @@ import { Page } from '@/layout/components'
 import { IBox, UploadField } from '@/components'
 import GenericCreateUpdateForm from '@/layout/components/GenericCreateUpdateForm'
 import { getInterfaceInfo, updateInterface, restoreInterface } from '@/api/interface'
-import { matchColor, defaultThemeColor } from '@/utils/theme/color'
 
 export default {
   name: 'InterfaceSettings',
@@ -59,10 +58,10 @@ export default {
         },
         theme: {
           on: {
-            change: ([value]) => {
-              const color = matchColor[value] || defaultThemeColor
-              this.$store.dispatch('settings/changeThemeStyle', color)
-            }
+            // change: ([value]) => {
+            //   const color = matchColor[value] || defaultThemeColor
+            //   this.$store.dispatch('settings/changeThemeStyle', color)
+            // }
           }
         },
         login_image: {
