Skip to content
This repository has been archived by the owner on Jun 23, 2023. It is now read-only.

Fix contrast in UI for readability/accessibility #450

Open
Hukuma1 opened this issue Dec 16, 2021 · 0 comments
Open

Fix contrast in UI for readability/accessibility #450

Hukuma1 opened this issue Dec 16, 2021 · 0 comments

Comments

@Hukuma1
Copy link

Hukuma1 commented Dec 16, 2021

I like the color scheme of Umbrel, but the colors do not pass contrast checks.

umbrellogin

The green login button for instance. If those colors are run by any contrast checker, it would fail:

contrastfail

https://buttonbuddy.dev/#generator

--surface: #f7f9fb;
--background: #00cd98;
--color: #fff;
--focus-background: #00a77c;
--focus-color: #fff;

The disabled color of the green button is even more evident of this issue. The first time I was trying to pass the start screen I wasn't aware there even was a minimum password length requirement. The button's visual change is too mild.

@nmfretz nmfretz transferred this issue from getumbrel/umbrel May 29, 2023
Sign up for free to subscribe to this conversation on GitHub. Already have an account? Sign in.
Labels
None yet
Projects
None yet
Development

No branches or pull requests

1 participant