[csswg-drafts] [css-mediaqueries] Inverted-colors media feature can cause problems on semi-transparent images. (#9674)

emilio has just created a new issue for https://github.com/w3c/csswg-drafts:

== [css-mediaqueries] Inverted-colors media feature can cause problems on semi-transparent images. ==
https://drafts.csswg.org/mediaqueries-5/#inverted says:

> User agents must add the following rule to their [UA style sheet](https://drafts.csswg.org/css-cascade-5/#cascade-origin-ua):
> ```css
> @media (inverted-colors) {
>   img:not(picture>img), picture, video { filter: invert(100%); }
> }
> ```

However, this causes problems for icons and similar things that are meant to be semi-transparent above the background. Also, doesn't account for other things like background-image.

Consider [this straight-forward test-case](http://crisal.io/tmp/inverted-colors-icon.html). Per spec, when inverting colors, the icon is completely invisible.

Should we remove this rule, leaving it up to sites to invert only the images they want to invert? Or should we try to do something smarter?

cc @CanadaHonk @frivoal 

Please view or discuss this issue at https://github.com/w3c/csswg-drafts/issues/9674 using your GitHub account


-- 
Sent via github-notify-ml as configured in https://github.com/w3c/github-notify-ml-config

Received on Monday, 4 December 2023 17:28:02 UTC