chore: adjust demo styles

Author: mu29

packages/docs/src/page-demo/index.tsx

@@ -2,7 +2,7 @@ import '@app/parcel-landing/catalog';
 import { Editor } from '@composify/react/editor';
 
 const INITIAL_SOURCE = `
-  <VStack>
+  <VStack className={['bg-background']}>
     <VStack className={['gap-6', 'p-24', 'pt-64', 'bg-background', 'max-md:px-16']}>
       <Heading level={1} size="5xl" weight="extrabold">
         Server Driven UI made easy

packages/docs/src/page-home/index.tsx

@@ -2,7 +2,7 @@ import '@app/parcel-landing/catalog';
 import { SourceProvider, SourceRenderer } from '@app/parcel-landing';
 
 const INITIAL_SOURCE = `
-  <VStack>
+  <VStack className={['bg-background']}>
     <VStack className={['gap-6', 'p-24', 'pt-64', 'bg-background', 'max-md:px-16']}>
       <Heading level={1} size="5xl" weight="extrabold">
         Server Driven UI made easy

packages/docs/src/parcel-landing/Playground/Playground.module.css

@@ -56,7 +56,7 @@
 
 .mockTitle {
   margin: 0;
-  font-size: 4rem;
+  font-size: 2rem;
   font-weight: 600;
   color: var(--composify-palette-on-surface);
 }