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

@emilio gave some good examples of bugs that I believe the Wikipedia and MathJax site owners should be resolved, either by the site owner or an update to the query. I've filed the WebKit one here: https://webkit.org/b/271959. 

I also want to illustrate what would be taken away from users if this inversion feature were removed from the UA style sheet.

Sites like the New York Times (which has never adopted dark mode, btw) would go from this:
![dark web page with images colored as expected; skin tones are normal; food is recognizable as food](https://github.com/w3c/csswg-drafts/assets/75867/639cccf3-aa9b-4b18-b342-4df3f0f11830)

Back to this:
![dark web page with inverted images; skin tones are blue; food is unrecognizable as food](https://github.com/w3c/csswg-drafts/assets/75867/a501eb59-69ed-4f3b-ac99-2905a43821ab)

Users have grown to rely on this "Smart Invert" feature for a long time in the Web... It's been shipping for 8 years (well before `prefers-color-scheme`) and works desirably in most web pages. Let's fix the newly reported issue of these transparent SVGs and PNGs without breaking the feature en masse.


-- 
GitHub Notification of comment by cookiecrook
Please view or discuss this issue at https://github.com/w3c/csswg-drafts/issues/9674#issuecomment-2029586719 using your GitHub account


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

Received on Monday, 1 April 2024 11:02:24 UTC