diff --git a/src/views/error/403.vue b/src/views/error/403.vue
index 9174b1426..8bb9d91d4 100644
--- a/src/views/error/403.vue
+++ b/src/views/error/403.vue
@@ -11,7 +11,7 @@ defineOptions({
     <noAccess />
     <div class="ml-12">
       <p
-        class="font-medium text-4xl mb-4"
+        class="font-medium text-4xl mb-4 dark:text-white"
         v-motion
         :initial="{
           opacity: 0,
diff --git a/src/views/error/404.vue b/src/views/error/404.vue
index 2cdd397fd..c1bd7e1fe 100644
--- a/src/views/error/404.vue
+++ b/src/views/error/404.vue
@@ -11,7 +11,7 @@ defineOptions({
     <noExist />
     <div class="ml-12">
       <p
-        class="font-medium text-4xl mb-4"
+        class="font-medium text-4xl mb-4 dark:text-white"
         v-motion
         :initial="{
           opacity: 0,
diff --git a/src/views/error/500.vue b/src/views/error/500.vue
index b25c0e441..b9173229f 100644
--- a/src/views/error/500.vue
+++ b/src/views/error/500.vue
@@ -11,7 +11,7 @@ defineOptions({
     <noServer />
     <div class="ml-12">
       <p
-        class="font-medium text-4xl mb-4"
+        class="font-medium text-4xl mb-4 dark:text-white"
         v-motion
         :initial="{
           opacity: 0,
diff --git a/src/views/nested/menu1/menu1-1/index.vue b/src/views/nested/menu1/menu1-1/index.vue
index 02fd26c20..6fa48f88b 100644
--- a/src/views/nested/menu1/menu1-1/index.vue
+++ b/src/views/nested/menu1/menu1-1/index.vue
@@ -11,7 +11,7 @@ const { t } = useI18n();
 </script>
 
 <template>
-  <div>
+  <div class="dark:text-white">
     <p>{{ t("menus.hsmenu1") }}</p>
     <p style="text-indent: 2em">{{ t("menus.hsmenu1-1") }}</p>
     <el-input v-model="input" />
diff --git a/src/views/nested/menu1/menu1-2/menu1-2-1/index.vue b/src/views/nested/menu1/menu1-2/menu1-2-1/index.vue
index 9de7eb039..f59ebddda 100644
--- a/src/views/nested/menu1/menu1-2/menu1-2-1/index.vue
+++ b/src/views/nested/menu1/menu1-2/menu1-2-1/index.vue
@@ -11,7 +11,7 @@ const { t } = useI18n();
 </script>
 
 <template>
-  <div>
+  <div class="dark:text-white">
     <p>{{ t("menus.hsmenu1") }}</p>
     <p style="text-indent: 2em">{{ t("menus.hsmenu1-2") }}</p>
     <p style="text-indent: 4em">{{ t("menus.hsmenu1-2-1") }}</p>
diff --git a/src/views/nested/menu1/menu1-2/menu1-2-2/index.vue b/src/views/nested/menu1/menu1-2/menu1-2-2/index.vue
index d14fe13d9..201849272 100644
--- a/src/views/nested/menu1/menu1-2/menu1-2-2/index.vue
+++ b/src/views/nested/menu1/menu1-2/menu1-2-2/index.vue
@@ -11,7 +11,7 @@ const { t } = useI18n();
 </script>
 
 <template>
-  <div>
+  <div class="dark:text-white">
     <p>{{ t("menus.hsmenu1") }}</p>
     <p style="text-indent: 2em">{{ t("menus.hsmenu1-2") }}</p>
     <p style="text-indent: 4em">{{ t("menus.hsmenu1-2-2") }}</p>
diff --git a/src/views/nested/menu1/menu1-3/index.vue b/src/views/nested/menu1/menu1-3/index.vue
index 16db18ad5..06e49a2fc 100644
--- a/src/views/nested/menu1/menu1-3/index.vue
+++ b/src/views/nested/menu1/menu1-3/index.vue
@@ -11,7 +11,7 @@ const { t } = useI18n();
 </script>
 
 <template>
-  <div>
+  <div class="dark:text-white">
     <p>{{ t("menus.hsmenu1") }}</p>
     <p style="text-indent: 2em">{{ t("menus.hsmenu1-3") }}</p>
     <el-input v-model="input" />
diff --git a/src/views/nested/menu2/index.vue b/src/views/nested/menu2/index.vue
index 296546a63..19624dc8e 100644
--- a/src/views/nested/menu2/index.vue
+++ b/src/views/nested/menu2/index.vue
@@ -11,7 +11,7 @@ const { t } = useI18n();
 </script>
 
 <template>
-  <div>
+  <div class="dark:text-white">
     <p>{{ t("menus.hsmenu2") }}</p>
     <el-input v-model="input" />
   </div>