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

Nota has very low contrast, hard to read app text #424

Open
peterkos opened this issue Apr 18, 2024 · 0 comments
Open

Nota has very low contrast, hard to read app text #424

peterkos opened this issue Apr 18, 2024 · 0 comments
Labels
enhancement New feature or request

Comments

@peterkos
Copy link

Hello!

Just downloaded Nota, and noticed the UI is reeeeally hard to read. As in, I almost reported this as a bug for the colors being incorrect 😅

CleanShot 2024-04-17 at 20 08 55

I ran the top toolbar fg/bg colors (where it says "Nota") through a standard contrast checker and it's sitting at around a 2.59:1 contrast ratio, vs. the minimum 4:1 per WCAG AA. (Given this is very small text too, that would factor in to the math, not just hitting a raw % contrast, so, a 7:1 may be better here).

One simple a11y test is to turn the monitor brightness to 50%, and see if that is readable. Lots of people leave their laptops at not-full-brightness, sometimes are outside, but most importantly, not everyone has the same level of eyesight -- myself included.

For reference, the UI is dimmer than the the Firefox tab text when the window is not focused.
CleanShot 2024-04-17 at 20 21 23

Current Dark Mode Suggestion
CleanShot 2024-04-17 at 20 11 46 CleanShot 2024-04-17 at 20 12 56

As a suggestion, bumping up the contrast for the entire UI would benefit a lot of people, without sacrificing on the design. A high-contrast mode is doable, but it can still look good! GitHub has a good demonstration of "dimmed" vs. "dark" vs. "high contrast", as does Linear.

@astoilkov astoilkov added the enhancement New feature or request label Apr 18, 2024
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment
Labels
enhancement New feature or request
Projects
None yet
Development

No branches or pull requests

2 participants