From 7f4bc4eb37d2155db622187fe6308bf5c43fb243 Mon Sep 17 00:00:00 2001
From: "Builder.io" <builder-bot@builder.io>
Date: Thu, 6 Nov 2025 19:40:29 +0000
Subject: [PATCH] completionId: cgen-ed626ff2eb5f4e409e8544289b97d564

cgen-ed626ff2eb5f4e409e8544289b97d564
---
 client/components/LoadingScreen.tsx | 33 +++++++++++++++++++----------
 1 file changed, 22 insertions(+), 11 deletions(-)

diff --git a/client/components/LoadingScreen.tsx b/client/components/LoadingScreen.tsx
index 2afee0bd..68ea433f 100644
--- a/client/components/LoadingScreen.tsx
+++ b/client/components/LoadingScreen.tsx
@@ -100,17 +100,28 @@ export default function LoadingScreen({
           {/* Animated Loading Bars */}
           <div className="space-y-2">
             <div className="flex justify-center space-x-1">
-              {[...Array(5)].map((_, i) => (
-                <div
-                  key={i}
-                  className="w-1 bg-aethex-400 rounded-full animate-pulse"
-                  style={{
-                    height: `${20 + i * 10}px`,
-                    animationDelay: `${i * 0.2}s`,
-                    animationDuration: "1s",
-                  }}
-                />
-              ))}
+              {[...Array(5)].map((_, i) => {
+                const colorMap: Record<string, string> = {
+                  "from-yellow-500 to-yellow-400": "bg-yellow-400",
+                  "from-green-500 to-green-400": "bg-green-400",
+                  "from-blue-500 to-blue-400": "bg-blue-400",
+                  "from-red-500 to-red-400": "bg-red-400",
+                  "from-cyan-500 to-cyan-400": "bg-cyan-400",
+                  "from-aethex-500 to-neon-blue": "bg-aethex-400",
+                };
+                const barColor = colorMap[accentColor] || "bg-aethex-400";
+                return (
+                  <div
+                    key={i}
+                    className={`w-1 ${barColor} rounded-full animate-pulse`}
+                    style={{
+                      height: `${20 + i * 10}px`,
+                      animationDelay: `${i * 0.2}s`,
+                      animationDuration: "1s",
+                    }}
+                  />
+                );
+              })}
             </div>
           </div>