diff --git a/web/screens/Settings/Advanced/index.tsx b/web/screens/Settings/Advanced/index.tsx
index b3cec190c8..586d8604fd 100644
--- a/web/screens/Settings/Advanced/index.tsx
+++ b/web/screens/Settings/Advanced/index.tsx
@@ -346,7 +346,7 @@ const Advanced = () => {
                           ))}
                       </div>
                       {gpuEnabled && gpusInUse.length > 1 && (
-                        <div className="mt-2 flex items-start space-x-2 text-yellow-500">
+                        <div className="mt-2 flex items-start space-x-2 text-[hsla(var(--warning-bg))]">
                           <AlertTriangleIcon
                             size={16}
                             className="flex-shrink-0"
diff --git a/web/screens/Settings/EditModelInfoModal/index.tsx b/web/screens/Settings/EditModelInfoModal/index.tsx
index 2bf55b0c3e..7b95af4091 100644
--- a/web/screens/Settings/EditModelInfoModal/index.tsx
+++ b/web/screens/Settings/EditModelInfoModal/index.tsx
@@ -119,27 +119,25 @@ const EditModelInfoModal = () => {
       content={
         <div>
           <div className="flex flex-row space-x-4 rounded-xl border border-[hsla(var(--app-border))] p-4">
-            <div className="flex h-10 w-10 items-center justify-center rounded-full bg-blue-400">
+            <div className="flex h-10 w-10 items-center justify-center rounded-full">
               <Paperclip color="#fff" />
             </div>
 
             <div className="flex flex-1 flex-col">
               <p>{editingModel.name}</p>
               <div className="flex flex-row">
-                <span className="mr-2 text-sm text-[#71717A]">
+                <span className="mr-2 text-sm">
                   {toGibibytes(editingModel.size)}
                 </span>
                 <div className="flex flex-row space-x-1">
-                  <span className="text-sm font-semibold text-[#71717A]">
-                    Format:
-                  </span>
-                  <span className="text-sm font-normal text-[#71717A]">
+                  <span className="text-sm font-semibold">Format:</span>
+                  <span className="text-sm font-normal">
                     {editingModel.format.toUpperCase()}
                   </span>
                 </div>
               </div>
               <div className="mt-1 flex flex-row items-center space-x-2">
-                <span className="line-clamp-1 text-xs font-normal text-[#71717A]">
+                <span className="line-clamp-1 text-xs font-normal">
                   {modelPath}
                 </span>
                 <Button theme="ghost" onClick={onShowInFinderClick}>
diff --git a/web/screens/Settings/SelectingModelModal/index.tsx b/web/screens/Settings/SelectingModelModal/index.tsx
index 183575d5cb..0693bc15b8 100644
--- a/web/screens/Settings/SelectingModelModal/index.tsx
+++ b/web/screens/Settings/SelectingModelModal/index.tsx
@@ -71,8 +71,11 @@ const SelectingModelModal = () => {
             onClick={onSelectFileClick}
           >
             <div className="flex flex-col items-center justify-center">
-              <div className="mx-auto inline-flex h-12 w-12 items-center justify-center rounded-full bg-blue-200">
-                <UploadCloudIcon size={24} />
+              <div className="mx-auto inline-flex h-12 w-12 items-center justify-center rounded-full">
+                <UploadCloudIcon
+                  size={24}
+                  className="text-[hsla(var(--primary-bg))]"
+                />
               </div>
               <div className="mt-4">
                 <span className="text-primary text-sm font-bold">
diff --git a/web/screens/Thread/ThreadCenterPanel/index.tsx b/web/screens/Thread/ThreadCenterPanel/index.tsx
index c25319f4b4..a91cafba93 100644
--- a/web/screens/Thread/ThreadCenterPanel/index.tsx
+++ b/web/screens/Thread/ThreadCenterPanel/index.tsx
@@ -158,7 +158,7 @@ const ThreadCenterPanel = () => {
             )}
           >
             <div className="mx-auto w-1/2 text-center">
-              <div className="mx-auto inline-flex h-12 w-12 items-center justify-center rounded-full bg-blue-200">
+              <div className="mx-auto inline-flex h-12 w-12 items-center justify-center rounded-full">
                 <UploadCloudIcon
                   size={24}
                   className="text-[hsla(var(--primary-bg))]"