Adjust color for non-build chat mode (#631)

This commit is contained in:
Will Chen
2025-07-11 11:17:42 -07:00
committed by GitHub
parent 2c284d0f20
commit 7433028b21

View File

@@ -12,6 +12,7 @@ import {
} from "@/components/ui/tooltip"; } from "@/components/ui/tooltip";
import { useSettings } from "@/hooks/useSettings"; import { useSettings } from "@/hooks/useSettings";
import type { ChatMode } from "@/lib/schemas"; import type { ChatMode } from "@/lib/schemas";
import { cn } from "@/lib/utils";
export function ChatModeSelector() { export function ChatModeSelector() {
const { settings, updateSettings } = useSettings(); const { settings, updateSettings } = useSettings();
@@ -39,7 +40,12 @@ export function ChatModeSelector() {
<TooltipTrigger asChild> <TooltipTrigger asChild>
<MiniSelectTrigger <MiniSelectTrigger
data-testid="chat-mode-selector" 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" size="sm"
> >
<SelectValue>{getModeDisplayName(selectedMode)}</SelectValue> <SelectValue>{getModeDisplayName(selectedMode)}</SelectValue>