Dark mode theme with less contrast

I’m a fan of dark themes over black themes, and while the new dark theme isn’t exactly a black theme, it’s still very dark. This means there is a lot of contrast between the white text and the very dark background.

I currently use darkreader to theme the website and it allows me to adjust the contrast and the brightness of the theme. It would be nice if there were some similar settings with the dark theme on GitHub or at very minimum the option to select between dark and very-dark themes.

Personally (and this is obviously a matter of taste), this level of “darkness” and contrast is what I think to be close to optimal:

192 Likes

+1 on this. Providing a dark theme is awesome, but the background is a bit too close to black. It would probably be better to make it slightly lighter and reduce the contrast with the text.

46 Likes

Sounds to me like you’re asking for more contrast, not less. Because right now, the text and background currently have low contrast to eachother. The screenshot you posted has higher contrast than github’s new dark theme, not lower.

5 Likes

totally agree, also the text can be made a little lighter, it’s a little difficult to read right now.

10 Likes

In comparison, I think twitter “dim” mode is the sweet spot as it doesn’t gouge your eyes out.

7 Likes

I agree 100% and came here to say the same thing.

I’m not colorblind by any means and adore dark mode but the colors on the dark almost-black background hurt my eyes a LOT and make it really, really hard to see. Unfortunately, I can’t use dark mode until this is resolved and think your suggestion is really important.

I tweaked colors and found rgb(59 59 65 / 48%) to be the most pleasing color for the background.

22 Likes

Yeah, when discussing this with people in my organization, this was the most concerning accessibility issue.

4 Likes

+1 amen, me and my teammates would love the contrast dialed down just a tad for our grandma eyes

8 Likes

I just switched back to light mode because the contrast in dark mode is harder on my eyes… hoping to see something similar to VS Code dark mode. I think the black darkground is too “bright” for some reason… not sure if “bright” is the right word.

4 Likes

+1 to this suggestion. Contrast should be dialed down quite a bit, like in this example.

3 Likes

I think themes should be divided into three.

Light (Classic):

Dark (Third party browser extension):

Black (Current):

50 Likes

I came here to suggest the exact same thing, and ozgurg beat me to it.

The middle picture above is exactly what I’d prefer.

11 Likes

Yes, @ozgurg’s middle “Dark” screenshot would be perfect and much less agressive for the eyes :+1: :eyes:

5 Likes

The “Dark” version here is perfect. The current dark theme is too dark.

5 Likes

Yeah same issue, it’s too dark. Btw until they fix it you can use dark reader, you can adjust contrast, brightness and many other things using this. :slight_smile:

1 Like

+1 Also the shades should be black and white (Grayscale), the navy blue hues are ruining my eyes. The same goes for Twitter. This theme is better than official dark mode. in my opinion. https://github.com/StylishThemes/GitHub-Dark

4 Likes

Loved Soo much, So much eye-soothing, Like everything is perfect

Twitter’s “Dim” theme is excellent and it would be great if GitHub used that palette for it’s dark theme (or at least included the option).

3 Likes

Thanks @lots0logs for sharing this feedback about adding a theme inspired by Twitter’s Dim theme! I’m going to merge this with the thread requesting less contrast so that it doesn’t get lost in the mix. We view dark mode as the beginning and are looking to our community’s feedback to influence what we do next.

6 Likes

Reddit Enhancement Suite is another great example that provides a dark-mode without sacrificing readability or feeling too harsh in contrast. RES’s darkest color is #262626. The current theme’s darkest color is close to #000, which paired with the very light borders does feel a bit off at first glance.

2 Likes