diff --git a/src/app/playground/page.tsx b/src/app/playground/page.tsx
index a1a773e213..9bf4132b81 100644
--- a/src/app/playground/page.tsx
+++ b/src/app/playground/page.tsx
@@ -1,12 +1,17 @@
 const Playground = () => {
   return (
     <main className="text-8xl">
-      <h1 className="font-display">Hello, Guild!</h1>
+      <h1 className="font-display">
+        Hello, Guild!, page for testing frameworks, configs
+      </h1>
       <h2 className="font-bold font-display">Hello, Guild!</h2>
       <p>Test, one, two, three...</p>
       <p className="border font-sans">
         Test, <strong>one</strong>, <em>two</em>, three...
       </p>
+      <p className="font-bold text-rose-500 dark:text-violet-500">
+        In dark mode I appear violet, in light we go rose
+      </p>
     </main>
   );
 };