- From: Emilio Cobos Álvarez via GitHub <sysbot+gh@w3.org>
- Date: Mon, 04 Dec 2023 17:27:59 +0000
- To: public-css-archive@w3.org
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