diff --git a/components/layout/top-bar.tsx b/components/layout/top-bar.tsx
index e4e6101..545e643 100644
--- a/components/layout/top-bar.tsx
+++ b/components/layout/top-bar.tsx
@@ -389,21 +389,21 @@ export function TopBar({ collapsed, isDesktop=true }: { collapsed: boolean, isDe
                             {/* Purchase Credits 按钮 */}
                             <div className="flex flex-wrap gap-1 justify-center mb-1">
                               <button
-                                className="px-2 py-1 text-xs bg-blue-600 text-white rounded hover:bg-blue-700 transition-colors disabled:opacity-50"
+                                className="px-2 py-1 text-xs bg-gray-600 text-white rounded hover:bg-gray-700 transition-colors disabled:opacity-50"
                                 onClick={() => handleBuyTokens(100)}
                                 disabled={isBuyingTokens}
                               >
                                 +100 ($1)
                               </button>
                               <button
-                                className="px-2 py-1 text-xs bg-blue-600 text-white rounded hover:bg-blue-700 transition-colors disabled:opacity-50"
+                                className="px-2 py-1 text-xs bg-gray-600 text-white rounded hover:bg-gray-700 transition-colors disabled:opacity-50"
                                 onClick={() => handleBuyTokens(500)}
                                 disabled={isBuyingTokens}
                               >
                                 +500 ($5)
                               </button>
                               <button
-                                className="px-2 py-1 text-xs bg-blue-600 text-white rounded hover:bg-blue-700 transition-colors disabled:opacity-50"
+                                className="px-2 py-1 text-xs bg-gray-600 text-white rounded hover:bg-gray-700 transition-colors disabled:opacity-50"
                                 onClick={() => handleBuyTokens(1000)}
                                 disabled={isBuyingTokens}
                               >
@@ -423,7 +423,7 @@ export function TopBar({ collapsed, isDesktop=true }: { collapsed: boolean, isDe
                                 disabled={isBuyingTokens}
                               />
                               <button
-                                className="px-2 py-1 text-xs bg-green-600 text-white rounded hover:bg-green-700 transition-colors disabled:opacity-50"
+                                className="px-2 py-1 text-xs bg-gray-600 text-white rounded hover:bg-gray-700 transition-colors disabled:opacity-50"
                                 onClick={handleCustomAmountBuy}
                                 disabled={isBuyingTokens || !customAmount || parseInt(customAmount) <= 0}
                               >