From 1a81286e70779cc13414ddebcae33a3bdda1da60 Mon Sep 17 00:00:00 2001
From: "Builder.io" <builder-bot@builder.io>
Date: Thu, 13 Nov 2025 04:47:40 +0000
Subject: [PATCH] completionId: cgen-ad5b6e6fd463412aad9c75da26531b4a

cgen-ad5b6e6fd463412aad9c75da26531b4a
---
 client/components/Layout.tsx | 18 ++++++++++++------
 1 file changed, 12 insertions(+), 6 deletions(-)

diff --git a/client/components/Layout.tsx b/client/components/Layout.tsx
index 376a4cd2..6a1d19cd 100644
--- a/client/components/Layout.tsx
+++ b/client/components/Layout.tsx
@@ -147,14 +147,20 @@ export default function CodeLayout({ children, hideFooter }: LayoutProps) {
                 fill="none"
                 xmlns="http://www.w3.org/2000/svg"
               >
+                <defs>
+                  <linearGradient id="headerGradient" x1="0%" y1="0%" x2="100%" y2="100%">
+                    <stop offset="0%" stopColor="#a78bfa" />
+                    <stop offset="100%" stopColor="#60a5fa" />
+                  </linearGradient>
+                </defs>
                 <g className="animate-pulse">
-                  <circle cx="20" cy="10" r="2" fill="currentColor" className="text-aethex-400" />
-                  <circle cx="30" cy="20" r="2" fill="currentColor" className="text-aethex-400" />
-                  <circle cx="20" cy="30" r="2" fill="currentColor" className="text-aethex-400" />
-                  <circle cx="10" cy="20" r="2" fill="currentColor" className="text-aethex-400" />
-                  <circle cx="20" cy="20" r="1.5" fill="currentColor" className="text-aethex-300" />
+                  <circle cx="20" cy="10" r="2" fill="url(#headerGradient)" />
+                  <circle cx="30" cy="20" r="2" fill="url(#headerGradient)" />
+                  <circle cx="20" cy="30" r="2" fill="url(#headerGradient)" />
+                  <circle cx="10" cy="20" r="2" fill="url(#headerGradient)" />
+                  <circle cx="20" cy="20" r="2" fill="#c4b5fd" />
                 </g>
-                <g stroke="currentColor" strokeWidth="0.75" opacity="0.6" className="text-aethex-300">
+                <g stroke="url(#headerGradient)" strokeWidth="1" opacity="0.7">
                   <line x1="20" y1="10" x2="20" y2="20" />
                   <line x1="20" y1="20" x2="30" y2="20" />
                   <line x1="20" y1="20" x2="20" y2="30" />