diff --git a/playground/app.vue b/playground/app.vue
index 90718553..08c58dc3 100644
--- a/playground/app.vue
+++ b/playground/app.vue
@@ -3,7 +3,7 @@ import { splitByCase, upperFirst } from 'scule'
 
 useHead({
   bodyAttrs: {
-    class: 'antialiased font-sans text-gray-900 dark:text-white bg-white dark:bg-gray-900'
+    class: 'antialiased font-sans text-gray-700 dark:text-gray-200 bg-white dark:bg-gray-900'
   }
 })