Color updates - remove purple colors

src/demo/Animations/CubesDemo.vue

@@ -121,7 +121,7 @@ const propData = [
   {
     name: 'faceColor',
     type: 'string',
-    default: "'#060010'",
+    default: "'#0b0b0b'",
     description: 'Background color for cube faces'
   },
   {

src/demo/Backgrounds/BallpitDemo.vue

@@ -3,7 +3,7 @@
     <template #preview>
       <div class="relative p-0 h-[500px] overflow-hidden demo-container">
         <RefreshButton @click="forceRerender" />
-        <p class="z-0 absolute font-black text-[#271e37] text-[200px]">Balls.</p>
+        <p class="z-0 absolute font-black text-[#222] text-[140px]">Balls.</p>
         <Ballpit
           className="relative"
           :key="key"

src/demo/TextAnimations/GradientTextDemo.vue

@@ -46,7 +46,7 @@
             </div>
 
             <div
-              class="w-[300px] h-3 rounded-md border border-[#271E37]"
+              class="w-[300px] h-3 rounded-md border border-[#333333]"
               :style="{
                 background: `linear-gradient(to right, ${gradientPreview.join(', ')})`
               }"

src/demo/TextAnimations/TextTrailDemo.vue

@@ -126,7 +126,7 @@ const propData = [
   {
     name: 'backgroundColor',
     type: 'number | string',
-    default: '0x271e37',
+    default: '0x151515',
     description: 'Background color (hex number or string)'
   },
   {