UI: fix light-mode chat toggle active state

This commit is contained in:
Tak Hoffman
2026-02-21 21:51:44 -06:00
parent 8920e281cc
commit 2e9ee22a9c
2 changed files with 20 additions and 0 deletions

View File

@@ -372,6 +372,13 @@
border-color: rgba(255, 255, 255, 0.2);
}
/* Ensure chat toolbar toggles have a clearly visible active state. */
.chat-controls .btn--icon.active {
border-color: var(--accent);
background: var(--accent-subtle);
color: var(--accent);
}
/* Light theme icon button overrides */
:root[data-theme="light"] .btn--icon {
background: #ffffff;
@@ -386,6 +393,13 @@
color: var(--text);
}
:root[data-theme="light"] .chat-controls .btn--icon.active {
border-color: var(--accent);
background: var(--accent-subtle);
color: var(--accent);
box-shadow: 0 0 0 1px var(--accent-subtle);
}
.btn--icon svg {
display: block;
width: 18px;

View File

@@ -542,6 +542,12 @@
background: var(--bg-hover);
}
:root[data-theme="light"] .btn.active {
border-color: var(--accent);
background: var(--accent-subtle);
color: var(--accent);
}
:root[data-theme="light"] .btn.primary {
background: var(--accent);
border-color: var(--accent);