From 3cdce2eced981780304b860e860f885eb0d8e304 Mon Sep 17 00:00:00 2001
From: YoVinchen <gzh298255@gmail.com>
Date: Wed, 10 Dec 2025 15:20:10 +0800
Subject: [PATCH] feat(ui): add color prop support to ProviderIcon component
 (#384)

---
 src/components/ProviderIcon.tsx                    | 3 ++-
 src/components/providers/forms/BasicFormFields.tsx | 2 +-
 src/icons/extracted/metadata.ts                    | 2 +-
 3 files changed, 4 insertions(+), 3 deletions(-)

diff --git a/src/components/ProviderIcon.tsx b/src/components/ProviderIcon.tsx
index 1044dd35..f76f13ff 100644
--- a/src/components/ProviderIcon.tsx
+++ b/src/components/ProviderIcon.tsx
@@ -14,6 +14,7 @@ interface ProviderIconProps {
 export const ProviderIcon: React.FC<ProviderIconProps> = ({
   icon,
   name,
+  color,
   size = 32,
   className,
   showFallback = true,
@@ -46,7 +47,7 @@ export const ProviderIcon: React.FC<ProviderIconProps> = ({
           "inline-flex items-center justify-center flex-shrink-0",
           className,
         )}
-        style={sizeStyle}
+        style={{ ...sizeStyle, color }}
         dangerouslySetInnerHTML={{ __html: iconSvg }}
       />
     );
diff --git a/src/components/providers/forms/BasicFormFields.tsx b/src/components/providers/forms/BasicFormFields.tsx
index 4064db76..7ef94f77 100644
--- a/src/components/providers/forms/BasicFormFields.tsx
+++ b/src/components/providers/forms/BasicFormFields.tsx
@@ -51,7 +51,7 @@ export function BasicFormFields({ form }: BasicFormFieldsProps) {
           <DialogTrigger asChild>
             <button
               type="button"
-              className="w-20 h-20 p-3 rounded-xl border-2 border-gray-300 dark:border-gray-600 hover:border-primary dark:hover:border-primary transition-colors cursor-pointer bg-gray-50 dark:bg-gray-800/50 flex items-center justify-center"
+              className="w-20 h-20 p-3 rounded-xl border-2 border-muted hover:border-primary transition-colors cursor-pointer bg-muted/30 hover:bg-muted/50 flex items-center justify-center"
               title={currentIcon ? "点击更换图标" : "点击选择图标"}
             >
               <ProviderIcon
diff --git a/src/icons/extracted/metadata.ts b/src/icons/extracted/metadata.ts
index 3caa7eea..5aa70373 100644
--- a/src/icons/extracted/metadata.ts
+++ b/src/icons/extracted/metadata.ts
@@ -217,7 +217,7 @@ export const iconMetadata: Record<string, IconMetadata> = {
     displayName: "OpenAI",
     category: "ai-provider",
     keywords: ["gpt", "chatgpt"],
-    defaultColor: "#00A67E",
+    defaultColor: "currentColor",
   },
   packycode: {
     name: "packycode",