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:
Scott Idem
2026-04-28 20:38:38 -04:00
parent 2b9dd53566
commit 80702a21e2

View File

@@ -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);