Colorblind variants for themes

Blue/purple, pastels and close shades of anything can still be deuteranopia. I’m deutan and blue/purple are difficult to tell apart, mainly because of the red component of purple not being that visible, so it’s blue compared to blue for me.

1 Like

A person with Protanopia here.

As I’m used to the original themes, I find the new themes quite confusing:

  • blue pull request icon represented a merged PR, now it represents an open PR?
  • Also merged PR now looks (I assume) purple, which looks quite blue to me, so I have no color indicator to differentiate between a merged/open PR.
  • Also, the new line addition/deletion colors in text diffs are confusing. Line addition looks blue, which is somewhat fine since it’s a completely new color, but deletion looking yellow (similar to green to me) feels confusing since green used to represent addition, and red used to represent deletion.

What I would suggest is, instead of coming up with a new color-scheme which has colors from the previous schemes with a new meaning, it would be simpler for people with color-blindness to migrate to a new scheme that has stronger colors from the old scheme, that way people won’t have to learn a whole new color-scheme.

Also, I assume that you’re trying to come up with a “color blindness theme”, that would work for all people who have color-blindness, but that might be a bit difficult and force you into making design decisions to work for everyone, but leading to a design that works for no one. An alternative would be to have different themes for different color-blindness types.

Hello there, did not find issues thread so posting here.
I’m not colorblind, but switching to the Theme for Colorblind people did not change colors for github actions statuses. Green check and red cross still look green and red.

UPDATE: false alarm, works fine when enabling in settings. The Enable button in Feature preview looks misleading) Maybe should update that to switch to desired theme immediately.

This color theme makes it impossible to distinguish the in-progress and failed states of CI checks. This is especially apparent on the pie chart attached to PRs, which just shows up all orange.

It’s generally bad practice and not accessible to make color the only identifier.

This shows in this feedback from a person who has a red-green color deficiency:

Not much of difference…both looks readable to me

I’m more used to not differentiate… Unless there in certain areas like I need to identify red Vs green.

Most of the time I prefer to read and like patterns or different shapes along with color

The more they push color to be the determining factor more stress to the user

Instead they could use icon along with text and color

In fact in both schemes I couldn’t really get the feel of delete button

When I asked about colors in the diff screen:

I just see + and - to get the meaning not the color

It’s good that two different contexts are being presented in different colors. Till that point the colors are meaning full for me. But not to derive the contents meaning

Till you asked today I had never paid much attention to it… So I’m able to tell you how I use web. I don’t or don’t have ability to discriminate the content by its color. I can sometimes identify colors are different, can’t say which one is which.

I hope the diff view will be more contrasting. Now red and green are almost the same brightness.

Did something get glitched with the colour blind themes?

Left: colour blind | Right: default
image

I’m sure the closed issue icon for colour blind was orange before, but now it’s purple? Colour-wise, this is nearly impossible for me (protanomaly) to tell apart from the open icon, meaning the default theme is now more friendly for my colour vision

Hello there. I have just discovered colorblind variants for themes and want to leave my feedback.

I am colorblind. I can confuse pale green and red colors. But I can see saturated red/green. So, when in some editors I can’t exactly say where is green and where is red I increase saturation of these colors. And then it is much easier for me to differ colors. But when I tried GitHub colorblind theme variant I discovered that it is very confusing for me to see additions and deletions in changed files.

So, I switched back to the dark default theme. For now, it is more comfortable for me.

Late to the party, but wanted to say I really like the dark colorblind theme so far. The one exception I’ve noticed is already is that oft mentioned Open vs Merged color difference (which I can’t distinguish). I love all the blue I’m seeing now, it’s so much easier to distinguish.

@gaknoll Quick FYI, the theme isn’t being applied to the processing page when signing in with org SSO. The page prompting the login has a blue button, then goes to the SSO page. From there, it comes back to a loading page with a [green?] button already checked, before proceeding back to where you started. Not a major issue, since it’s only briefly visible, but I wanted to mention since it means there are gaps in the theme application code.

Could we get colorblind variants of the high contrast themes? Or colorblind as a separate toggle from the theme if that would be too many themes?

1 Like

I’m red/green colorblind, using light mode. I mostly don’t notice the difference between the colorblind theme and default theme. That’s a good thing: most things don’t rely on color, so you don’t have to be colorblind to verify that they work for us.

The main place color makes a big difference is in graphs and sparklines, and the palette could use some improvement.

image

For example, in the above image of a five-color horizontally stacked line graph for Language, the first and last items (Svelte and HTML) are slightly different shades of red; a nearly imperceptible difference. Similarly, the second and fourth items (TypeScript and CSS) are nearly identical blues. My color picker says one is a dark blue-green, while the other is more purple, but I can only see that one is slightly darker.

For me, a pure red vs. a pure green are actually easier to tell apart than brown vs. dark red or blue vs. purple. I can only assume that has to do with context and subtle shading differences. I never have trouble with stop lights, since the “green” is actually slightly turquoise. Since there is so much diversity in colorblindness, that’s more anecdote than advice.

More color diversity in graphs would help, especially more brightness variation. Also, highlighting the key when hovering over a color would be helpful.

1 Like

Maybe a bug in the Insights > Code frequency tab. I’m using the dark colorblind theme