From 82736c96b166ad9d01d57700342008e0578b45a7 Mon Sep 17 00:00:00 2001
From: Faisal Amir <urmauur@gmail.com>
Date: Thu, 12 Jun 2025 14:03:45 +0700
Subject: [PATCH] chore: fix wrong classname color text (#5252)

---
 web-app/src/containers/DownloadManegement.tsx           | 4 ++--
 web-app/src/routes/settings/providers/$providerName.tsx | 4 ++--
 2 files changed, 4 insertions(+), 4 deletions(-)

diff --git a/web-app/src/containers/DownloadManegement.tsx b/web-app/src/containers/DownloadManegement.tsx
index 2b66a022c..47b448485 100644
--- a/web-app/src/containers/DownloadManegement.tsx
+++ b/web-app/src/containers/DownloadManegement.tsx
@@ -219,7 +219,7 @@ export function DownloadManagement() {
                 <p className="text-left-panel-fg/80 font-medium">Downloads</p>
                 <div className="mt-2 flex items-center justify-between space-x-2">
                   <Progress value={overallProgress * 100} />
-                  <span className="text-xs font-medium text-main-view-fg/80 shrink-0">
+                  <span className="text-xs font-medium text-left-panel-fg/80 shrink-0">
                     {Math.round(overallProgress * 100)}%
                   </span>
                 </div>
@@ -228,7 +228,7 @@ export function DownloadManagement() {
               <div className="fixed bottom-4 left-4 z-50 size-10 bg-main-view border-2 border-main-view-fg/10 rounded-full shadow-md cursor-pointer flex items-center justify-center">
                 <div className="relative">
                   <IconDownload
-                    className="text-main-view-fg/50 -mt-1"
+                    className="text-left-panel-fg/50 -mt-1"
                     size={20}
                   />
                   <div className="bg-primary font-bold size-5 rounded-full absolute -top-4 -right-4 flex items-center justify-center text-primary-fg">
diff --git a/web-app/src/routes/settings/providers/$providerName.tsx b/web-app/src/routes/settings/providers/$providerName.tsx
index 5b1250e23..dfdf5a0da 100644
--- a/web-app/src/routes/settings/providers/$providerName.tsx
+++ b/web-app/src/routes/settings/providers/$providerName.tsx
@@ -517,12 +517,12 @@ function ProviderDetail() {
                     })
                   ) : (
                     <div className="-mt-2">
-                      <div className="flex items-center gap-2 text-left-panel-fg/80">
+                      <div className="flex items-center gap-2 text-main-view-fg/80">
                         <h6 className="font-medium text-base">
                           No model found
                         </h6>
                       </div>
-                      <p className="text-left-panel-fg/60 mt-1 text-xs leading-relaxed">
+                      <p className="text-main-view-fg/70 mt-1 text-xs leading-relaxed">
                         Available models will be listed here. If you don't have
                         any models yet, visit the&nbsp;
                         <Link to={route.hub}>Hub</Link>