From c11865fba9ddca7d734c208660052028e9615308 Mon Sep 17 00:00:00 2001
From: Anshumancanrock <109489361+Anshumancanrock@users.noreply.github.com>
Date: Tue, 2 Dec 2025 04:48:53 +0530
Subject: [PATCH] fix: ProgressBar styling is hardcoded in dark mode (#25516)

---
 packages/ui/components/progress-bar/ProgressBar.tsx | 4 ++--
 1 file changed, 2 insertions(+), 2 deletions(-)

diff --git a/packages/ui/components/progress-bar/ProgressBar.tsx b/packages/ui/components/progress-bar/ProgressBar.tsx
index bd45b0df88..bc0e386d09 100644
--- a/packages/ui/components/progress-bar/ProgressBar.tsx
+++ b/packages/ui/components/progress-bar/ProgressBar.tsx
@@ -29,10 +29,10 @@ export function ProgressBar({ color, percentageValue, label, className }: Progre
 
   return (
     <div className={classNames("flex w-full items-center gap-3", className)}>
-      <div className="h-2 flex-1 rounded-full bg-gray-200">
+      <div className="bg-subtle h-2 flex-1 rounded-full">
         <div className={progressBarStyles({ color })} style={{ width: `${clampedPercentage}%` }} />
       </div>
-      {label && <span className="text-sm font-medium text-gray-700">{label}</span>}
+      {label && <span className="text-default text-sm font-medium">{label}</span>}
     </div>
   );
 }