Merge pull request #6848 from Kilo-Org/mark/fix-mode-switcher-light-theme-colors

fix: mode/thinking selector light theme contrast
This commit is contained in:
Mark IJbema
2026-03-10 11:35:30 +01:00
committed by GitHub
2 changed files with 7 additions and 1 deletions
@@ -54,6 +54,7 @@ html[data-theme="kilo-vscode"] {
--surface-interactive-base: var(--vscode-list-activeSelectionBackground);
--surface-interactive-hover: var(--vscode-list-hoverBackground);
--surface-interactive-active: var(--vscode-list-activeSelectionBackground);
--surface-interactive-weak: var(--vscode-list-inactiveSelectionBackground);
--surface-interactive-weak-hover: var(--vscode-list-hoverBackground);
@@ -912,6 +912,7 @@
--surface-interactive-active,
var(--vscode-list-activeSelectionBackground, var(--vscode-list-hoverBackground))
);
color: var(--text-on-interactive-base, var(--vscode-list-activeSelectionForeground));
}
.thinking-selector-item-name {
@@ -952,6 +953,7 @@
--surface-interactive-active,
var(--vscode-list-activeSelectionBackground, var(--vscode-list-hoverBackground))
);
color: var(--text-on-interactive-base, var(--vscode-list-activeSelectionForeground));
}
.mode-switcher-item-name {
@@ -960,12 +962,15 @@
.mode-switcher-item-desc {
font-size: 11px;
color: var(--text-weak, var(--vscode-descriptionForeground));
overflow: hidden;
text-overflow: ellipsis;
white-space: nowrap;
}
.mode-switcher-item:not(.selected) .mode-switcher-item-desc {
color: var(--text-weak, var(--vscode-descriptionForeground));
}
/* ============================================
Permission Dock (patterns inside BasicTool)
============================================ */