|
247 | 247 | background-color: var(--vscode-list-hoverBackground); |
248 | 248 | } |
249 | 249 |
|
250 | | - /* Single-select: highlight entire row when selected */ |
| 250 | + /* Single-select: highlight entire row when selected (list not focused) */ |
251 | 251 | .chat-question-list-item.selected { |
252 | | - background-color: var(--vscode-list-hoverBackground); |
253 | | - color: var(--vscode-list-activeSelectionForeground); |
| 252 | + background-color: var(--vscode-list-inactiveSelectionBackground, var(--vscode-list-hoverBackground)); |
| 253 | + color: var(--vscode-list-inactiveSelectionForeground, var(--vscode-foreground)); |
254 | 254 |
|
255 | | - .chat-question-label { |
256 | | - color: var(--vscode-list-activeSelectionForeground); |
| 255 | + .chat-question-list-label, |
| 256 | + .chat-question-list-label-title { |
| 257 | + color: var(--vscode-list-inactiveSelectionForeground, var(--vscode-foreground)); |
257 | 258 | } |
258 | 259 |
|
259 | 260 | .chat-question-list-label-desc { |
260 | | - color: var(--vscode-list-activeSelectionForeground); |
261 | | - opacity: 0.8; |
| 261 | + color: var(--vscode-list-inactiveSelectionForeground, var(--vscode-foreground)); |
262 | 262 | } |
263 | 263 |
|
264 | 264 | .chat-question-list-indicator.codicon-check { |
265 | | - color: var(--vscode-list-activeSelectionForeground); |
| 265 | + color: var(--vscode-list-inactiveSelectionForeground, var(--vscode-foreground)); |
266 | 266 | } |
267 | 267 |
|
268 | 268 | .chat-question-list-number { |
269 | | - color: var(--vscode-list-activeSelectionForeground); |
| 269 | + color: var(--vscode-list-inactiveSelectionForeground, var(--vscode-foreground)); |
270 | 270 | } |
271 | 271 | } |
272 | 272 |
|
| 273 | + /* When the question list has focus, use active selection styling */ |
| 274 | + .chat-question-list:focus .chat-question-list-item.selected { |
| 275 | + background-color: var(--vscode-list-activeSelectionBackground, var(--vscode-list-hoverBackground)); |
| 276 | + color: var(--vscode-list-activeSelectionForeground, var(--vscode-foreground)); |
| 277 | + |
| 278 | + .chat-question-label { |
| 279 | + color: var(--vscode-list-activeSelectionForeground, var(--vscode-foreground)); |
| 280 | + } |
| 281 | + |
| 282 | + .chat-question-list-label-desc { |
| 283 | + color: var(--vscode-list-activeSelectionForeground, var(--vscode-foreground)); |
| 284 | + } |
| 285 | + |
| 286 | + .chat-question-list-indicator.codicon-check { |
| 287 | + color: var(--vscode-list-activeSelectionForeground, var(--vscode-foreground)); |
| 288 | + } |
| 289 | + |
| 290 | + .chat-question-list-number { |
| 291 | + color: var(--vscode-list-activeSelectionForeground, var(--vscode-foreground)); |
| 292 | + } |
| 293 | + } |
273 | 294 | .chat-question-list-item.selected:hover { |
274 | | - background-color: var(--vscode-list-hoverBackground); |
| 295 | + background-color: var(--vscode-list-inactiveSelectionBackground, var(--vscode-list-hoverBackground)); |
275 | 296 | } |
276 | 297 |
|
277 | 298 | /* Checkbox for multi-select */ |
|
0 commit comments