fix(KB-195): fix theme-aware styling for UsageIndicator toggle buttons

- Update UsageIndicator toggle active state to use var(--todo) and var(--bg)

- Add hover state styling for active toggle button

- Ensure consistent styling with Header view toggle across all themes

- Add changeset for patch release
This commit is contained in:
gsxdsm
2026-03-30 15:57:32 -07:00
parent 533571d82e
commit e058564438
2 changed files with 14 additions and 2 deletions

View File

@@ -6983,11 +6983,16 @@ html .column.drag-over * {
}
.usage-view-toggle-btn.active {
background: var(--bg);
color: var(--text);
background: var(--todo);
color: var(--bg);
box-shadow: 0 1px 2px rgba(0, 0, 0, 0.2);
}
.usage-view-toggle-btn.active:hover {
background: var(--todo);
color: var(--bg);
}
/* Content area */
.usage-content {
max-height: 60vh;