fix: add distinct off/on styles for tools toggle button
OFF: very dim (nearly invisible) — makes it clear tools are inactive ON: amber with glow — matches local-on pattern, clearly active Co-Authored-By: Claude Sonnet 4.6 <noreply@anthropic.com>
This commit is contained in:
@@ -716,6 +716,26 @@
|
||||
color: rgba(40,170,150,0.75);
|
||||
}
|
||||
|
||||
/* Tools toggle — OFF: dim/muted; ON: amber with glow */
|
||||
#tools-toggle {
|
||||
background: var(--bg);
|
||||
border: 1px solid rgba(255,255,255,0.1);
|
||||
border-radius: 6px;
|
||||
color: rgba(255,255,255,0.2);
|
||||
font-size: 0.85rem;
|
||||
padding: 4px 8px;
|
||||
cursor: pointer;
|
||||
text-align: center;
|
||||
transition: color 0.15s, border-color 0.15s, box-shadow 0.15s;
|
||||
}
|
||||
#tools-toggle:hover { color: rgba(255,255,255,0.4); border-color: rgba(255,255,255,0.2); }
|
||||
#tools-toggle.local-on {
|
||||
color: #f59e0b;
|
||||
border-color: #92400e;
|
||||
box-shadow: 0 0 6px rgba(245,158,11,0.35);
|
||||
}
|
||||
#tools-toggle.local-on:hover { box-shadow: 0 0 10px rgba(245,158,11,0.5); }
|
||||
|
||||
#input {
|
||||
flex: 1;
|
||||
background: var(--bg);
|
||||
|
||||
Reference in New Issue
Block a user