search

zaphosting / docs

Our ZAP-Hosting Community Guides
https://zap-hosting.com/guides
16 stars 64 forks source link

Fix primary color text contrast in light mode #1241

Closed zapaul closed 1 month ago

zapaul commented 1 month ago

The very light and bright green is barely readable when used on a light background. It is even worse when the background is slightly tainted with a bit of gray, the way it's done in some hover/active states.

I've put the color into a contrast checker (https://webaim.org/resources/contrastchecker/) and adjusted the lightness until at least AA passes for smaller text (I think this happens when a level of at least 4.5 is reached). I then moved the lightness up and down a bit multiple times to create the shades. Unfortunately, I don't know where the color is used on the page, so I can't verify if this looks good/works at the places it is being used, maybe someone can shed some light on this? Potentially, they might not even be used at all?

fgalz commented 1 month ago

We adopted the default stylesheet back then and adapted it accordingly with the colors that we were using on the website back then. Whether all values are used as such is also not clear to me. It could be possible that certain options are not in use.