-
Notifications
You must be signed in to change notification settings - Fork 64
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
Fix contrast issue for add icon #850
Conversation
Signed-off-by: Jan C. Borchardt <hey@jancborchardt.net>
Not sure this is the solution, it would make buttons even darker. Our Nextcloud blue fails in the same way, but I don't think we should darken it, we could just avoid using it for text or for tiny important symbols. |
I'd also say darkening that to match the pass on AA would make sense. For passing AAA we could probably darken further just for the high contrast theme? |
@juliushaertl yep, sounds good. I’ll open an issue in the Vue components regarding the color variables. |
server please ;) |
Oh! I thought that the contrast comparison you posted was the one of the current success color, my bad. I agree then, let's make a server pr and darken it :) |
Issue opened at nextcloud/server#33278 :) |
And sorry for the confusion @marcoambrosini! :) Should have posted a 2 comparison screenshots instead. |
btw @jancborchardt this particular icon could still fall in the "Normal text" category, so still not pass the test depending on how it's used. I'm not entirely sure about that |
It's a "graphical object" (decorative one at that), and as such it passes. :) |
Contrast on dark mode is also fone? |
@nickvergessen for dark mode it needs a different icon, same for the "deleted" icon. There we could also just use the light/white icons? |
WCAG Contrast checker said the color was fine? Not going to fiddle around and split the color mode based on the theme. If green does not work, we use black/white everywhere |
Please check @nickvergessen @nimishavijay :)
I used
#3ea857
, a darkened hue ofvar(--color-success)
cause that one actually does not have enough contrast. FYI @marcoambrosini @juliushaertl we should probably adjust that?