diff --git a/src/layout/components/Settings/index.vue b/src/layout/components/Settings/index.vue
index 6fd3763..6ffdf8d 100644
--- a/src/layout/components/Settings/index.vue
+++ b/src/layout/components/Settings/index.vue
@@ -91,6 +91,7 @@ onMounted(() => {
     "--el-color-primary",
     settingsStore.themeColor
   );
+  document.documentElement.classList.add(theme);
 });
 </script>