diff --git a/app.vue b/app.vue
index a4c444f..e229748 100644
--- a/app.vue
+++ b/app.vue
@@ -7,7 +7,7 @@
 useHead({
   bodyAttrs: {
     class:
-      'bg-white text-black antialiased dark:bg-neutral-900 dark:text-gray-50',
+      'bg-white text-black antialiased dark:bg-neutral-900 dark:text-white',
   },
   htmlAttrs: {
     lang: 'zh-Hant-TW',
diff --git a/tailwind.config.ts b/tailwind.config.ts
index 3283f16..1f3abb8 100644
--- a/tailwind.config.ts
+++ b/tailwind.config.ts
@@ -32,7 +32,7 @@ export default <Partial<Config>>{
         },
         invert: {
           css: {
-            color: theme('colors.gray.50'),
+            color: theme('colors.gray.300'),
           },
         },
       }),