Low contrast for colours in diff/Changes
See original GitHub issueDescription
The red/green diff colours have a very low-visibility contrast, making them hard to spot. As a related bug-fix/feature request I would like for the app to honour the Accessibility settings for increased contrast which should make borders more pronounced.
See the attached image below where the Desktop app (on macOS) has the least contrast of the tree compared services.
Version
GitHub Desktop version: 0.8.0
OS version: macOS 10.12.6 (16G29)
Steps to Reproduce
- View the Changes of a file.
Expected behavior: Good, readable, contrasty colours.
Actual behavior: User squints all the time to see the colours. 😃
Reproduces how often: Every time
Logs
n/a
Additional Information
n/a
Issue Analytics
- State:
- Created 6 years ago
- Reactions:4
- Comments:6 (4 by maintainers)
Top Results From Across the Web
The color contrast in the diff is too low (dark theme)
I have two problems regarding to the dark theme. Problem 1: As can be seen from the screenshot, the surrounding color of 64...
Read more >Use sufficient color contrast | Digital Accessibility
This example shows two color combinations: one that has a low contrast ratio and one that has a high contrast ratio. Contrast. Use...
Read more >Load different colorscheme when using vimdiff - Stack Overflow
The reason is that the default vimdiff color scheme assigns DiffChange bg as "LightMagenta", which gets mapped to a very light pink in...
Read more >Color Contrast: For the Sake of Aesthetic and Accessibility - G2
Contrasting colors are colors that differ from one another. Levels of contrast vary from high to low, depending on their position on the...
Read more >T13374 Red .diffchange text in the green 'added' area may be hard ...
Red .diffchange text the green added area may hard read for color-blind usersClosed, ... Red/blue still contrasts for colourblind people.
Read more >Top Related Medium Post
No results found
Top Related StackOverflow Question
No results found
Troubleshoot Live Code
Lightrun enables developers to add logs, metrics and snapshots to live code - no restarts or redeploys required.
Start FreeTop Related Reddit Thread
No results found
Top Related Hackernoon Post
No results found
Top Related Tweet
No results found
Top Related Dev.to Post
No results found
Top Related Hashnode Post
No results found
Top GitHub Comments
I agree. We should sync up our diff colors with what we use on the site given that they’ve chosen the colors with accessibility in mind.
I’d be interested to see if this is possible with Electron. If so, then we could override the border color with a darker value.
@niik Thanks for the work on this item and for increasing the contrast. 🎉 Are you able to also have a quick look at the font thickness/color and see if you could bump that a bit darker as well (see above screenshots)?