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

cgen-ea980cf848f74ff18b18d547a6c3dbe4
---
 client/components/LoadingScreen.tsx | 4 +++-
 1 file changed, 3 insertions(+), 1 deletion(-)

diff --git a/client/components/LoadingScreen.tsx b/client/components/LoadingScreen.tsx
index 8aeb8a3e..2afee0bd 100644
--- a/client/components/LoadingScreen.tsx
+++ b/client/components/LoadingScreen.tsx
@@ -7,6 +7,7 @@ interface LoadingScreenProps {
   size?: "sm" | "md" | "lg";
   showProgress?: boolean;
   duration?: number;
+  accentColor?: string;
 }
 
 export default function LoadingScreen({
@@ -15,6 +16,7 @@ export default function LoadingScreen({
   size = "md",
   showProgress = false,
   duration = 3000,
+  accentColor = "from-aethex-500 to-neon-blue",
 }: LoadingScreenProps) {
   const [progress, setProgress] = useState(0);
   const [currentMessage, setCurrentMessage] = useState(message);
@@ -117,7 +119,7 @@ export default function LoadingScreen({
             <div className="space-y-2">
               <div className="w-full bg-muted rounded-full h-2 overflow-hidden">
                 <div
-                  className="h-full bg-gradient-to-r from-aethex-500 to-neon-blue transition-all duration-300 ease-out"
+                  className={`h-full bg-gradient-to-r ${accentColor} transition-all duration-300 ease-out`}
                   style={{ width: `${progress}%` }}
                 />
               </div>