From 8aaad33a4867ceeab4af00acff12d18a213d67e5 Mon Sep 17 00:00:00 2001 From: meganrogge Date: Thu, 19 Mar 2026 10:44:31 -0400 Subject: [PATCH 1/3] fixes #302923 --- .../media/chatQuestionCarousel.css | 15 +++++++-------- 1 file changed, 7 insertions(+), 8 deletions(-) diff --git a/src/vs/workbench/contrib/chat/browser/widget/chatContentParts/media/chatQuestionCarousel.css b/src/vs/workbench/contrib/chat/browser/widget/chatContentParts/media/chatQuestionCarousel.css index 3ae3f7dccea19..6fbd1ca0b1433 100644 --- a/src/vs/workbench/contrib/chat/browser/widget/chatContentParts/media/chatQuestionCarousel.css +++ b/src/vs/workbench/contrib/chat/browser/widget/chatContentParts/media/chatQuestionCarousel.css @@ -249,29 +249,28 @@ /* Single-select: highlight entire row when selected */ .chat-question-list-item.selected { - background-color: var(--vscode-list-hoverBackground); - color: var(--vscode-list-activeSelectionForeground); + background-color: var(--vscode-list-inactiveSelectionBackground, var(--vscode-list-hoverBackground)); + color: var(--vscode-list-inactiveSelectionForeground, var(--vscode-foreground)); .chat-question-label { - color: var(--vscode-list-activeSelectionForeground); + color: var(--vscode-list-inactiveSelectionForeground, var(--vscode-foreground)); } .chat-question-list-label-desc { - color: var(--vscode-list-activeSelectionForeground); - opacity: 0.8; + color: var(--vscode-list-inactiveSelectionForeground, var(--vscode-foreground)); } .chat-question-list-indicator.codicon-check { - color: var(--vscode-list-activeSelectionForeground); + color: var(--vscode-list-inactiveSelectionForeground, var(--vscode-foreground)); } .chat-question-list-number { - color: var(--vscode-list-activeSelectionForeground); + color: var(--vscode-list-inactiveSelectionForeground, var(--vscode-foreground)); } } .chat-question-list-item.selected:hover { - background-color: var(--vscode-list-hoverBackground); + background-color: var(--vscode-list-inactiveSelectionBackground, var(--vscode-list-hoverBackground)); } /* Checkbox for multi-select */ From f25e99482de6a2a7d67eebc5ae0f1ef24ae34a61 Mon Sep 17 00:00:00 2001 From: Megan Rogge Date: Thu, 19 Mar 2026 10:49:34 -0400 Subject: [PATCH 2/3] Potential fix for pull request finding Co-authored-by: Copilot Autofix powered by AI <175728472+Copilot@users.noreply.github.com> --- .../widget/chatContentParts/media/chatQuestionCarousel.css | 3 ++- 1 file changed, 2 insertions(+), 1 deletion(-) diff --git a/src/vs/workbench/contrib/chat/browser/widget/chatContentParts/media/chatQuestionCarousel.css b/src/vs/workbench/contrib/chat/browser/widget/chatContentParts/media/chatQuestionCarousel.css index 6fbd1ca0b1433..31e2108e9ba6c 100644 --- a/src/vs/workbench/contrib/chat/browser/widget/chatContentParts/media/chatQuestionCarousel.css +++ b/src/vs/workbench/contrib/chat/browser/widget/chatContentParts/media/chatQuestionCarousel.css @@ -252,7 +252,8 @@ background-color: var(--vscode-list-inactiveSelectionBackground, var(--vscode-list-hoverBackground)); color: var(--vscode-list-inactiveSelectionForeground, var(--vscode-foreground)); - .chat-question-label { + .chat-question-list-label, + .chat-question-list-label-title { color: var(--vscode-list-inactiveSelectionForeground, var(--vscode-foreground)); } From cc62e9386dc3e1aa3f5af575c4c8f9d1fc59d9c4 Mon Sep 17 00:00:00 2001 From: Megan Rogge Date: Thu, 19 Mar 2026 11:15:42 -0400 Subject: [PATCH 3/3] Potential fix for pull request finding Co-authored-by: Copilot Autofix powered by AI <175728472+Copilot@users.noreply.github.com> --- .../media/chatQuestionCarousel.css | 23 ++++++++++++++++++- 1 file changed, 22 insertions(+), 1 deletion(-) diff --git a/src/vs/workbench/contrib/chat/browser/widget/chatContentParts/media/chatQuestionCarousel.css b/src/vs/workbench/contrib/chat/browser/widget/chatContentParts/media/chatQuestionCarousel.css index 31e2108e9ba6c..656af1f8bf199 100644 --- a/src/vs/workbench/contrib/chat/browser/widget/chatContentParts/media/chatQuestionCarousel.css +++ b/src/vs/workbench/contrib/chat/browser/widget/chatContentParts/media/chatQuestionCarousel.css @@ -247,7 +247,7 @@ background-color: var(--vscode-list-hoverBackground); } - /* Single-select: highlight entire row when selected */ + /* Single-select: highlight entire row when selected (list not focused) */ .chat-question-list-item.selected { background-color: var(--vscode-list-inactiveSelectionBackground, var(--vscode-list-hoverBackground)); color: var(--vscode-list-inactiveSelectionForeground, var(--vscode-foreground)); @@ -270,6 +270,27 @@ } } + /* When the question list has focus, use active selection styling */ + .chat-question-list:focus .chat-question-list-item.selected { + background-color: var(--vscode-list-activeSelectionBackground, var(--vscode-list-hoverBackground)); + color: var(--vscode-list-activeSelectionForeground, var(--vscode-foreground)); + + .chat-question-label { + color: var(--vscode-list-activeSelectionForeground, var(--vscode-foreground)); + } + + .chat-question-list-label-desc { + color: var(--vscode-list-activeSelectionForeground, var(--vscode-foreground)); + } + + .chat-question-list-indicator.codicon-check { + color: var(--vscode-list-activeSelectionForeground, var(--vscode-foreground)); + } + + .chat-question-list-number { + color: var(--vscode-list-activeSelectionForeground, var(--vscode-foreground)); + } + } .chat-question-list-item.selected:hover { background-color: var(--vscode-list-inactiveSelectionBackground, var(--vscode-list-hoverBackground)); }