feat(ui): add color prop support to ProviderIcon component (#384)

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 }}
       />
     );

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

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",