From 8ebb67f521a72e8266c432b8046f166f850d8df9 Mon Sep 17 00:00:00 2001 From: iliya Date: Sat, 28 Mar 2026 15:42:50 +0200 Subject: [PATCH] fix(agent-graph): tone down active toggle button styling in dark theme Remove glow shadow, reduce border opacity (0.3 -> 0.12) and background opacity (0.18 -> 0.08) on active toolbar toggles. Less eye-catching while still clearly indicating active state. --- packages/agent-graph/src/ui/GraphControls.tsx | 4 ++-- 1 file changed, 2 insertions(+), 2 deletions(-) diff --git a/packages/agent-graph/src/ui/GraphControls.tsx b/packages/agent-graph/src/ui/GraphControls.tsx index 884817d1..f9f7222e 100644 --- a/packages/agent-graph/src/ui/GraphControls.tsx +++ b/packages/agent-graph/src/ui/GraphControls.tsx @@ -193,8 +193,8 @@ function ToolbarToggle({ onClick={onClick} className={`flex items-center gap-1.5 rounded-md px-2.5 py-1.5 text-[11px] font-mono transition-all cursor-pointer border ${active - ? 'text-[#aaeeff] bg-[rgba(100,200,255,0.18)] border-[rgba(100,200,255,0.3)] shadow-[0_0_6px_rgba(100,200,255,0.15)]' - : 'text-[#66ccff40] bg-transparent border-transparent hover:text-[#66ccff70] hover:border-[rgba(100,200,255,0.1)]' + ? 'text-[#aaeeffcc] bg-[rgba(100,200,255,0.08)] border-[rgba(100,200,255,0.12)]' + : 'text-[#66ccff40] bg-transparent border-transparent hover:text-[#66ccff70] hover:border-[rgba(100,200,255,0.08)]' }`} > {icon}