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

Use an off-black background for dark mode and off-white for light mode #647

Open
hs4man21 opened this issue May 16, 2023 · 0 comments
Open
Labels
bug Something isn't working x:discussing We've seen the request and we're talking about it!

Comments

@hs4man21
Copy link

hs4man21 commented May 16, 2023

Describe the bug
The current background colors on the web app are harsh, and this is actually an accessibility issue, as pure black on white text is known to cause eye strain whereas white on black can appear blurred (this is called halation) especially to users with astigmatism.

GitHub's color scheme might be a good model for how off-black and off-white backgrounds can be used for increased accessibility and general user comfort. Slack provides another example and is even more on the gray side of things than GitHub.

To Reproduce

Expected behavior

Pure black and white backgrounds should be avoided across the board. Slack, GitHub, Discord, VS Code and other apps use alternative colors for backgrounds to improve user experience.

If keeping pure black and white backgrounds is preferred, then another option is graying the text a bit to reduce the harshness.

Screenshots

Bluesky dark mode

Screenshot 2023-05-16 at 12 30 25 AM

GitHub dark mode (off-black)

Screenshot 2023-05-16 at 12 31 13 AM

Slack dark mode (further off-black/gray)

Screenshot 2023-05-16 at 12 35 47 AM

Details

  • Platform: Desktop Chrome MacOS
  • Platform version: MacOS: Ventura 13.1, Chrome: 112.0.5615.137
  • App version: 1.28(?), not sure where to find web app version number
@hs4man21 hs4man21 added the bug Something isn't working label May 16, 2023
@renahlee renahlee added the a11y label May 16, 2023
@pfrazee pfrazee added x:discussing We've seen the request and we're talking about it! and removed a11y labels May 16, 2023
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment
Labels
bug Something isn't working x:discussing We've seen the request and we're talking about it!
Projects
None yet
Development

No branches or pull requests

3 participants