Guidelines for color and contrast
Our rewrite in progress of Fractal has a warning notice on the login page about it being in its early stages because people kept giving it a try and asking why some features were missing. I originally had the text in regular color (no specific style applied, black?) on an orange background (background-color: @warning_color;
), but @jsparber is making it less ugly (fixing details like spacing along the way) and proposed a dark orange on orange combination (background-color: lighter(alpha(@warning_color, 0.3)); color: shade(@warning_color, 0.5);
) which has me worried when it comes to legibility. At least it got me squinting.
I checked and couldn’t find anything on the topic in the HIG. Can we have a recommendation?