inverted-colors Media Query

[lukewarlow]

Description

Following on from Interop 2023s Media Queries 4 focus area, it would be good for some of Media Queries 5 to be focussed on next. This request is specifically for the inverted-colors media query, this has shipped in WebKit for a long time but has yet to be launched in Firefox and Chromium.

Specification

https://drafts.csswg.org/mediaqueries-5/#inverted

Open Issues

No response

Tests

https://wpt.fyi/results/css/mediaqueries/inverted-colors.html

Current Implementations

• Blink
• Gecko
• WebKit

Standards Positions

Mozilla Position: mozilla/standards-positions#853

Mozilla Intent to Prototype: https://groups.google.com/a/mozilla.org/g/dev-platform/c/knC9tMRu_cw/m/lTUKB69TBwAJ

ChromeStatus: https://chromestatus.com/feature/5940010603773952

Browser bug reports

Firefox Enable Bug: https://bugzilla.mozilla.org/show_bug.cgi?id=1846473

Chrome Bug: https://bugs.chromium.org/p/chromium/issues/detail?id=1462210

Developer discussions

No response

Polls & Surveys

No response

Existing Usage

No response

Workarounds

There's no workaround for the lack of this feature.

Accessibility Impact

This media query should increase accessibility by allowing sites to render better when inverted-colors is enabled.

Privacy Impact

This feature does expose a new fingerprinting vector but it does already ship in WebKit.

Other

Firefox has a complete implementation that just needs unflagging. Chromium requires the UA stylesheet addition which is blocked on some larger engineering effort to allow media feature queries in the UA stylesheets.

[cookiecrook]

WebKit already ships this and would likely not be opposed to including it in Interop 2024, but I want to fair by acknowledging many prefers-* media features have outstanding privacy concerns. Note: @lukewarlow made an interesting counter-proposal to potentially address the privacy concern as an Interop research area.

[lukewarlow]

See #515 and w3c/csswg-drafts#3488

[dandclark]

Thank you for proposing inverted-colors Media Query for inclusion in Interop 2024.

We wanted to let you know that this proposal was not selected to be part of Interop this year.

This is because we got many more proposals than we could include in this year's project. Note that individual vendors may nevertheless choose to advance work in this area during the forthcoming year. We would welcome this proposal being resubmitted again next year if necessary.

For an overview of our process, see proposal selection. Thank you again for contributing to Interop 2024!

Posted on behalf of the Interop team.