diff --git a/packages/kilo-ui/src/styles/vscode-bridge.css b/packages/kilo-ui/src/styles/vscode-bridge.css
index bc473db0d47..c6eefffff44 100644
--- a/packages/kilo-ui/src/styles/vscode-bridge.css
+++ b/packages/kilo-ui/src/styles/vscode-bridge.css
@@ -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);
 
diff --git a/packages/kilo-vscode/webview-ui/src/styles/chat.css b/packages/kilo-vscode/webview-ui/src/styles/chat.css
index 29217a40390..d65db840ad1 100644
--- a/packages/kilo-vscode/webview-ui/src/styles/chat.css
+++ b/packages/kilo-vscode/webview-ui/src/styles/chat.css
@@ -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)
    ============================================ */