From 9da3a1dcb255b7dce2e99428d24960cbc32f80ce Mon Sep 17 00:00:00 2001
From: Henry Li <henry1943@163.com>
Date: Mon, 9 Feb 2026 00:30:20 +0800
Subject: [PATCH] feat: set golden color for ultra

---
 .../src/components/workspace/input-box.tsx    | 24 ++++++++++++++-----
 frontend/src/core/i18n/locales/en-US.ts       |  2 +-
 frontend/src/styles/globals.css               |  8 +++++++
 3 files changed, 27 insertions(+), 7 deletions(-)

diff --git a/frontend/src/components/workspace/input-box.tsx b/frontend/src/components/workspace/input-box.tsx
index 9e3b8be..68c2c08 100644
--- a/frontend/src/components/workspace/input-box.tsx
+++ b/frontend/src/components/workspace/input-box.tsx
@@ -197,7 +197,7 @@ export function InputBox({
           </PromptInputActionMenu> */}
           <AddAttachmentsButton className="px-2!" />
           <PromptInputActionMenu>
-            <PromptInputActionMenuTrigger className="px-2!">
+            <PromptInputActionMenuTrigger className="gap-1! px-2!">
               <div>
                 {context.mode === "flash" && <ZapIcon className="size-3" />}
                 {context.mode === "thinking" && (
@@ -206,9 +206,16 @@ export function InputBox({
                 {context.mode === "pro" && (
                   <GraduationCapIcon className="size-3" />
                 )}
-                {context.mode === "ultra" && <RocketIcon className="size-3" />}
+                {context.mode === "ultra" && (
+                  <RocketIcon className="size-3 text-[#dabb5e]" />
+                )}
               </div>
-              <div className="text-xs font-normal">
+              <div
+                className={cn(
+                  "text-xs font-normal",
+                  context.mode === "ultra" ? "golden-text" : "",
+                )}
+              >
                 {(context.mode === "flash" && t.inputBox.flashMode) ||
                   (context.mode === "thinking" && t.inputBox.reasoningMode) ||
                   (context.mode === "pro" && t.inputBox.proMode) ||
@@ -322,11 +329,16 @@ export function InputBox({
                         <RocketIcon
                           className={cn(
                             "mr-2 size-4",
-                            context.mode === "ultra" &&
-                              "text-accent-foreground",
+                            context.mode === "ultra" && "text-[#dabb5e]",
                           )}
                         />
-                        {t.inputBox.ultraMode}
+                        <div
+                          className={cn(
+                            context.mode === "ultra" && "golden-text",
+                          )}
+                        >
+                          {t.inputBox.ultraMode}
+                        </div>
                       </div>
                       <div className="pl-7 text-xs">
                         {t.inputBox.ultraModeDescription}
diff --git a/frontend/src/core/i18n/locales/en-US.ts b/frontend/src/core/i18n/locales/en-US.ts
index 5c3cd49..5eeeda0 100644
--- a/frontend/src/core/i18n/locales/en-US.ts
+++ b/frontend/src/core/i18n/locales/en-US.ts
@@ -81,7 +81,7 @@ export const enUS: Translations = {
       "Reasoning, planning and executing, get more accurate results, may take more time",
     ultraMode: "Ultra",
     ultraModeDescription:
-      "Pro mode with subagents enabled, maximum capability for complex multi-step tasks",
+      "Pro mode with subagents enabled, maximum capability for complex tasks",
     searchModels: "Search models...",
     surpriseMe: "Surprise",
     surpriseMePrompt: "Surprise me",
diff --git a/frontend/src/styles/globals.css b/frontend/src/styles/globals.css
index 0e91524..bbe79d4 100644
--- a/frontend/src/styles/globals.css
+++ b/frontend/src/styles/globals.css
@@ -374,6 +374,14 @@
   .ambilight:after {
     filter: blur(60px);
   }
+
+  .golden-text {
+    background: linear-gradient(135deg, #d19e1d 0%, #e9c665 50%, #e3a812 100%);
+    -webkit-background-clip: text;
+    background-clip: text;
+    -webkit-text-fill-color: transparent;
+    text-fill-color: transparent;
+  }
 }
 
 :root {