diff --git a/client/components/Layout.tsx b/client/components/Layout.tsx
index 6a1d19cd..7c26f7d4 100644
--- a/client/components/Layout.tsx
+++ b/client/components/Layout.tsx
@@ -463,14 +463,20 @@ export default function CodeLayout({ children, hideFooter }: LayoutProps) {
                     fill="none"
                     xmlns="http://www.w3.org/2000/svg"
                   >
+                    <defs>
+                      <linearGradient id="footerGradient" x1="0%" y1="0%" x2="100%" y2="100%">
+                        <stop offset="0%" stopColor="#818cf8" />
+                        <stop offset="100%" stopColor="#a78bfa" />
+                      </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(#footerGradient)" />
+                      <circle cx="30" cy="20" r="2" fill="url(#footerGradient)" />
+                      <circle cx="20" cy="30" r="2" fill="url(#footerGradient)" />
+                      <circle cx="10" cy="20" r="2" fill="url(#footerGradient)" />
+                      <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(#footerGradient)" 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" />