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.
This commit is contained in:
parent
9f2a7c950a
commit
8ebb67f521
1 changed files with 2 additions and 2 deletions
|
|
@ -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}
|
||||
|
|
|
|||
Loading…
Reference in a new issue