diff --git a/app.vue b/app.vue
index 36d2b29..33fc0c4 100644
--- a/app.vue
+++ b/app.vue
@@ -10,7 +10,6 @@ const { $settings } = useNuxtApp()
 const colorMode = useColorMode()
 const { locale } = useI18n()
 
-colorMode.preference = $settings.theme || 'system'
 locale.value = $settings.lang
 
 const i18nHead = useLocaleHead({
@@ -28,4 +27,8 @@ useHead({
     class: 'relative',
   },
 })
+
+onMounted(() => {
+  colorMode.preference = $settings.theme || 'system'
+})
 </script>