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
improve support for invert colors and grayscale display mode (OS X and iOS) #74
Comments
Also, Dark Mode:
|
@phiw13 I guess we can bypass the Monochrome is a different story. Will still need to investigate that more, if it's worth consideration (I have to admit I know little about how that relates to accessibility - I'll need to find some articles on it to read). |
Note that for inverted-colors you do not need to bother with images, |
Thanks for the detailed explanation - very informative, as always. |
(both accessible from the Accessibility preference panel on OS X)
2 media queries (supported by Safari so far):
@media (inverted-colors) {}
@media (monochrome) {}
see https://drafts.csswg.org/mediaqueries-4/#mf-colors
example (really really low-hanging fruit…):
In general I found CSS filters - saturate(), brightness() to be useful to improve the appearance on inverted mode – e.g. a light grey/blue/yellow might visually contrast enough on a white background, but is to weak to conformably discern when inverted.
E { saturate (1.10); }
could improve things.(I haven’t tested Hive to see what is really needed… Just passing along experience following work on other projects)
The text was updated successfully, but these errors were encountered: