diff --git a/src/@core/components/ThemeSwitcher.vue b/src/@core/components/ThemeSwitcher.vue
index 641adec0..fe6103b7 100644
--- a/src/@core/components/ThemeSwitcher.vue
+++ b/src/@core/components/ThemeSwitcher.vue
@@ -26,6 +26,8 @@ function changeTheme() {
   globalTheme.name.value = nextTheme
   savedTheme.value = nextTheme
   localStorage.setItem('theme', nextTheme)
+  // 修改载入时背景色
+  localStorage.setItem('materio-initial-loader-bg', globalTheme.current.value.colors.background)
 
   themeTransition()
 }
@@ -39,9 +41,9 @@ watch(
 )
 
 // Apply saved theme on page load
-onMounted(() => {
-  globalTheme.name.value = savedTheme.value
-})
+// onMounted(() => {
+//   globalTheme.name.value = savedTheme.value
+// })
 
 function hasScrollbar(el?: Element | null) {
   if (!el || el.nodeType !== Node.ELEMENT_NODE)
diff --git a/src/App.vue b/src/App.vue
index cbd0d332..b5ca8823 100644
--- a/src/App.vue
+++ b/src/App.vue
@@ -1,10 +1,15 @@
 <script lang="ts" setup>
 import { useToast } from 'vue-toast-notification'
+import { useTheme } from 'vuetify'
 import api from './api'
 import type { User } from './api/types'
 import store from './store'
 import avatar1 from '@images/avatars/avatar-1.png'
 
+// 第一时间应用主题
+const { global: globalTheme } = useTheme()
+globalTheme.name.value = localStorage.getItem('theme') || 'light'
+
 // 提示框
 const $toast = useToast()