Skip to content

Comments

Fix toolbar button colors in action widget list rows#297009

Draft
Copilot wants to merge 2 commits intomainfrom
copilot/fix-button-color-issue
Draft

Fix toolbar button colors in action widget list rows#297009
Copilot wants to merge 2 commits intomainfrom
copilot/fix-button-color-issue

Conversation

Copy link
Contributor

Copilot AI commented Feb 23, 2026

Toolbar action buttons (e.g. tools icon) inside action widget picker rows had incorrect hover background and could get wrong foreground colors from the list widget's dynamic focus/selection styles.

  • Toolbar hover background: Changed from var(--vscode-toolbar-hoverBackground) to transparent so the button blends with the row's --vscode-list-hoverBackground instead of showing a competing hover color.
  • Codicon color specificity: Added .monaco-list to the .codicon { color: inherit } selector, bumping specificity from 5→6 classes. This prevents the list widget's dynamically-injected .monaco-list.suffix .monaco-list-row.focused .codicon rule (5 classes) from overriding it with listInactiveSelectionIconForeground.
Original prompt

This section details on the original issue you should resolve

<issue_title>Foreground button color issue for tools within mode</issue_title>
<issue_description>Theme: light+

But I also don't understand why we have tool within this picker but also next to model picker

Image

</issue_description>

<agent_instructions>Fix the issue. currently the background color of the actionbar action is set like this:
.action-widget .monaco-list-row .action-list-item-toolbar .monaco-action-bar:not(.vertical) .action-label:not(.disabled):hover

ideally it would not use list-activeSelectionBackground but the same color as the action which uses --vscode-list-hoverBackground because hovering it focuses it. i think. I want the action label to not have --vscode-list-hoverBackground color when theactionbar item is hovered and that item should have --vscode-list-hoverBackground</agent_instructions>

Comments on the Issue (you are @copilot in this section)


💡 You can make Copilot smarter by setting up custom instructions, customizing its development environment and configuring Model Context Protocol (MCP) servers. Learn more Copilot coding agent tips in the docs.

…d increasing codicon color specificity

Co-authored-by: benibenj <44439583+benibenj@users.noreply.github.com>
Copilot AI changed the title [WIP] Fix foreground button color issue for tools within mode Fix toolbar button colors in action widget list rows Feb 23, 2026
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment

Labels

None yet

Projects

None yet

Development

Successfully merging this pull request may close these issues.

Foreground button color issue for tools within mode

2 participants