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

Contrast in picker is too low for me #74

Closed
aaronjensen opened this issue Jun 5, 2018 · 5 comments
Closed

Contrast in picker is too low for me #74

aaronjensen opened this issue Jun 5, 2018 · 5 comments

Comments

@aaronjensen
Copy link
Contributor

Hi there, first off, thank you for the great theme. I can't wait for someone to port it to emacs so I can use it everywhere :)

I'm having a hard time reading the text in the picker list popups (cmd+shift+p) that isn't highlighted. It looks like the foreground is roughly #527D99 and the background is #001023 (when measured on my wide gamut monitor) which only has a contrast ratio of 4.33:1 and fails WCAG AA for normal text. Would you be up for increasing the contrast of it slightly? Anything text that is that #527D99 could use some brightening IMO.

There may be an issue w/ vscode and wide gamut monitors because it looks like the colors in the actual theme are slightly different (and actually have an even lower contrast ratio).

image 2018-06-05 at 12 01 25 pm

Thanks!

@sdras
Copy link
Owner

sdras commented Jun 5, 2018

Thanks for bringing this up! I'll look into it soon.

@aaronjensen
Copy link
Contributor Author

aaronjensen commented Jun 5, 2018

Thanks, I appreciate that. By the way, it does seem like there's an issue w/ vs code and color profiles--colors measure differently from code than they should. I'll investigate/report that. I also think the second link I sent uses a background color that is for list.inactiveSelectionBackground which doesn't actually appear to be the background, so this is probably the most accurate contrast measurement:

https://webaim.org/resources/contrastchecker/?fcolor=5F7E97&bcolor=011627

Edit: The color issue (but not the contrast issue) is fixed with Electron 2.0 (tested via preview build)

@sdras
Copy link
Owner

sdras commented Jun 6, 2018

So, I spent a long time working on this and I'm sorry to say but I have to leave it the way that it is. Unfortunately this color is tied to what's in the sidebar, and though I agree it doesn't pass the contrast ratio, it really hurts my eyes to bring it up. It starts competing with the colors in the code, and when it does so, I can't focus on what's happening in my editor. I prefer that when I'm focused on the thing in question, it comes into view very strongly, and otherwise, fades in.

If I bring up the contrast ratio of things that people aren't supposed to be paying attention to, it makes it really difficult to focus on the task at hand. I'm sorry if that means this theme isn't suitable for you, I did try to make it work.

@sdras sdras closed this as completed Jun 6, 2018
@sdras
Copy link
Owner

sdras commented Jun 6, 2018

Oh! You can, however, update your own preferences like this, that would pass the color specifications, I'll also update the readme in case other people have this problem:

"workbench.colorCustomizations": {
  "sideBar.foreground": "#8BADC1",
},

@aaronjensen
Copy link
Contributor Author

Thanks, @sdras, that helps. My sidebar is hidden unless I'm using it, so I don't mind the additional contrast there--I actually prefer it.

It does seem like it'd be ideal if there was a different selector for that popup. Maybe if it bothers someone enough they can PR that to Code 😄 Thanks again!

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

No branches or pull requests

2 participants