Skip to content
New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? Sign in to your account

Testing: bad inline actions contrast upon selected tree item #131500

Closed
isidorn opened this issue Aug 24, 2021 · 7 comments · Fixed by joaomoreno/github-sharp-theme#4
Closed

Testing: bad inline actions contrast upon selected tree item #131500

isidorn opened this issue Aug 24, 2021 · 7 comments · Fixed by joaomoreno/github-sharp-theme#4
Assignees
Labels
accessibility Keyboard, mouse, ARIA, vision, screen readers (non-specific) issues testing Built-in testing support

Comments

@isidorn
Copy link
Contributor

isidorn commented Aug 24, 2021

Refs: microsoft/vscode-python#17040

I suggest to use white for action icons when selected item and hovered, since black on blue does not give it enough contrast. All other trees do this as far as I know.

Screenshot 2021-08-24 at 13 46 12

Here's open editors as an example

Screenshot 2021-08-24 at 13 46 33

fyi @karthiknadig @misolori

@connor4312 connor4312 added accessibility Keyboard, mouse, ARIA, vision, screen readers (non-specific) issues bug Issue identified by VS Code Team member as probable bug testing Built-in testing support labels Aug 24, 2021
@connor4312 connor4312 added this to the September 2021 milestone Aug 24, 2021
@miguelsolorio
Copy link
Contributor

@isidorn this is completely dependent on your theme, our default dark/light theme show them appropriately:

CleanShot 2021-08-30 at 10 47 53@2x

CleanShot 2021-08-30 at 10 48 37@2x

@connor4312
Copy link
Member

Which theme are you using @isidorn? It seems like in is globally styled by

content.push(`.monaco-list${suffix}:focus .monaco-list-row.selected .codicon { color: ${styles.listActiveSelectionIconForeground}; }`);

which should be applied herer

@connor4312 connor4312 added the info-needed Issue requires more information from poster label Aug 30, 2021
@miguelsolorio
Copy link
Contributor

That looks like the GitHub Sharp theme which has the same style applied in other list views:

CleanShot 2021-08-30 at 15 33 28@2x

Setting the following would address this in the theme:

  "workbench.colorCustomizations": {
    "[GitHub Sharp]": {
      "list.activeSelectionIconForeground": "#f0f0f0"
    },
  }

CleanShot 2021-08-30 at 15 35 27@2x

@connor4312 connor4312 assigned joaomoreno and unassigned connor4312 Aug 30, 2021
@connor4312 connor4312 removed the info-needed Issue requires more information from poster label Aug 30, 2021
@isidorn
Copy link
Contributor Author

isidorn commented Aug 31, 2021

Sorry for the noise.
I will provide a PR against the theme. No need to keep this open in VS Code.

@isidorn isidorn closed this as completed Aug 31, 2021
@isidorn isidorn removed the bug Issue identified by VS Code Team member as probable bug label Aug 31, 2021
@isidorn
Copy link
Contributor Author

isidorn commented Aug 31, 2021

Good point by @joaomoreno
@misolori @aeschli Why isn't list.activeSelectionIconForeground inheriting from list.activeSelectionForeground?

@joaomoreno
Copy link
Member

joaomoreno commented Aug 31, 2021

It feels like it should be the default, instead of the current null.

@joaomoreno joaomoreno reopened this Aug 31, 2021
@miguelsolorio
Copy link
Contributor

miguelsolorio commented Aug 31, 2021

The default is null because majority of themes have different active states in lists + suggest widget + quick pick and there is not a single solution that solves it for all, see #125998 #126288 for details.

@miguelsolorio miguelsolorio removed this from the September 2021 milestone Sep 27, 2021
@github-actions github-actions bot locked and limited conversation to collaborators Oct 15, 2021
Sign up for free to subscribe to this conversation on GitHub. Already have an account? Sign in.
Labels
accessibility Keyboard, mouse, ARIA, vision, screen readers (non-specific) issues testing Built-in testing support
Projects
None yet
Development

Successfully merging a pull request may close this issue.

4 participants