Intent to Implement: supported-color-schemes meta tag
Dominic Mazzoni
Contact emails
dmaz...@chromium.org, e...@chromium.org, fut...@chromium.org, tobi...@chromium.org, gilm...@google.com
Design doc/Spec
Apple proposed this here: https://github.com/w3c/csswg-drafts/issues/3299, and it's on the agenda to discuss at the upcoming CSSWG.
Summary
Many operating systems now have a "dark mode" preference. Some browsers already offer an option to transform webpages into a dark theme. The prefers-color-scheme media query is a way for an author to support their own dark theme, so they have full control over their own experience. The meta tag is needed so that a site can explicitly opt-in and say that they fully support a dark theme and that the browser should load a different UA sheet and not ever apply transformations.
Motivation
Without this, it's impossible for transformations applied by the browser (a "smart invert" feature, or other force-dark mode) and the prefers-color-scheme media query to coexist.
Risks
One open question is if we should put this in the manifest instead. We believe that the meta tag is still important because it gives us important rendering information early in parsing, but also supporting a similar property in the manifest would be reasonable.
Interoperability and Compatibility
Safari is the only one to ship prefers-color-scheme so far, and they're the ones who proposed this change too, so the risk seems low. We should strive to be compatible and take an opinionated stand on how web sites should support dark mode.
Conversations are ongoing with Microsoft.
Other public signals to be updated later.
Joe Medley
--
You received this message because you are subscribed to the Google Groups "blink-dev" group.
To unsubscribe from this group and stop receiving emails from it, send an email to blink-dev+...@chromium.org.
To view this discussion on the web visit https://groups.google.com/a/chromium.org/d/msgid/blink-dev/CAFz-FYxfgKGXU38KLxJfrXG%3DuRf7FtFsoANJ%3DR6kVQ9wrTJOfQ%40mail.gmail.com.
Adam Argyle
To view this discussion on the web visit https://groups.google.com/a/chromium.org/d/msgid/blink-dev/CAJUhtG9u70xGbKfnwJKRf4tOfsb5wY3Xco6DcFqHLrcJ_hz4-A%40mail.gmail.com.
Adam Argyle UX Engineer Seattle, WA |
