From 7433028b21cb42a1722b448a85306955ed598ab0 Mon Sep 17 00:00:00 2001
From: Will Chen <willchen90@gmail.com>
Date: Fri, 11 Jul 2025 11:17:42 -0700
Subject: [PATCH] Adjust color for non-build chat mode (#631)

---
 src/components/ChatModeSelector.tsx | 8 +++++++-
 1 file changed, 7 insertions(+), 1 deletion(-)

diff --git a/src/components/ChatModeSelector.tsx b/src/components/ChatModeSelector.tsx
index 7366797..c0e4aca 100644
--- a/src/components/ChatModeSelector.tsx
+++ b/src/components/ChatModeSelector.tsx
@@ -12,6 +12,7 @@ import {
 } from "@/components/ui/tooltip";
 import { useSettings } from "@/hooks/useSettings";
 import type { ChatMode } from "@/lib/schemas";
+import { cn } from "@/lib/utils";
 
 export function ChatModeSelector() {
   const { settings, updateSettings } = useSettings();
@@ -39,7 +40,12 @@ export function ChatModeSelector() {
         <TooltipTrigger asChild>
           <MiniSelectTrigger
             data-testid="chat-mode-selector"
-            className="h-6 w-fit px-1.5 py-0 text-xs-sm font-medium shadow-none bg-background hover:bg-muted/50 focus:bg-muted/50 gap-0.5"
+            className={cn(
+              "h-6 w-fit px-1.5 py-0 text-xs-sm font-medium shadow-none gap-0.5",
+              selectedMode === "build"
+                ? "bg-background hover:bg-muted/50 focus:bg-muted/50"
+                : "bg-primary/10 hover:bg-primary/20 focus:bg-primary/20 text-primary border-primary/20 dark:bg-primary/20 dark:hover:bg-primary/30 dark:focus:bg-primary/30",
+            )}
             size="sm"
           >
             <SelectValue>{getModeDisplayName(selectedMode)}</SelectValue>