Vscode: [Feature] Highlight current activity in activity bar more explicitly

Created on 13 Jun 2019  路  4Comments  路  Source: microsoft/vscode

I am partially color blind and I have trouble differentiating between the shades of color in the activity bar.

For example, in my current workflow I have the activity bar layout as follows:
VS Code Current Tab Highlight
Might be clear to some of you that it is the icon after the Source Control activity (Git Lens) but I cannot tell without serious concentration.

It would be nice to see a more explicit highlight of the current activity.

For example, here is a screen shot from Microsoft Teams:
Teams Current Tab Highlight

Suggested labels: feature-request, accessibility

Thank you very much for your time and effort. I am deeply grateful.

accessibility feature-request on-testplan ux

Most helpful comment

This will be available in the next Insiders update (likely on Monday). Here's what we changed:

  • We tweaked the opacity of activityBar.inactiveForeground to make the active element stand out more
  • Added activityBar.activeBorder which is on by default and is inherited by activityBar.foreground
  • Added activityBar.activeBackground which is off by default

gif

And if you wanted, you could configure activityBar.activeBorder, activityBar.activeBackground, and tab.activeBorder similarly like:

image

All 4 comments

This just got even worse in the 1.37. I'm not colorblind or anything, but from time to time I don't see which one is highlighted either. Using a background color to highlight would definitely be an improvement

I'll see if we can add color tokens to achieve this, though I'm not sure whether this would be added as a default to our themes. Would something like below work for you?

image

@misolori , yes. The screenshot you provided above would work and significantly improve the user experience for me.

Like you mentioned, it would be nice if this was part of the default theme but not a high priority. Thank you!

This will be available in the next Insiders update (likely on Monday). Here's what we changed:

  • We tweaked the opacity of activityBar.inactiveForeground to make the active element stand out more
  • Added activityBar.activeBorder which is on by default and is inherited by activityBar.foreground
  • Added activityBar.activeBackground which is off by default

gif

And if you wanted, you could configure activityBar.activeBorder, activityBar.activeBackground, and tab.activeBorder similarly like:

image

Was this page helpful?
0 / 5 - 0 ratings

Related issues

lukehoban picture lukehoban  路  3Comments

omidgolparvar picture omidgolparvar  路  3Comments

trstringer picture trstringer  路  3Comments

curtw picture curtw  路  3Comments

mrkiley picture mrkiley  路  3Comments