Intent to Implement: CSS Color Adjust: color-scheme property

103 views
Skip to first unread message

Rune Lillesveen

unread,
May 14, 2019, 9:41:19 AM5/14/19
to blink-dev
fut...@chromium.org Specification: https://drafts.csswg.org/css-color-adjust/#color-scheme-prop Let the author opt-in to follow the preferred color scheme when rendering UI elements such as default colors of form controls and scrollbars as well as the used values of the CSS system colors. When rendering web sites in a different color-scheme, e.g. a dark color scheme, the author typically applies dark styling with @media (prefers-color-scheme: dark). The author can tell the UA to render UI controls accordingly. Otherwise the author would have had to do their own style of these controls to match a dark theme.
As for the meta tag, Safari currently has an implementation with a different name. That is 'color-scheme' vs 'supported-color-schemes'. Firefox: No public signals Edge: No public signals Safari: Mixed public signals (https://trac.webkit.org/changeset/238001/webkit/) WebKit has an experimental implementation of the same property with a different name (supported-color-schemes). Typically used together with the prefers-color-scheme media query.
Yes None uploaded so far. https://www.chromestatus.com/features/6070987093180416

Thomas Steiner

unread,
May 14, 2019, 10:16:29 AM5/14/19
to Rune Lillesveen, blink-dev
From: Rune Lillesveen <fut...@chromium.org>
Date: Tue 14. May 2019 at 06:41
To: blink-dev

fut...@chromium.org Specification: https://drafts.csswg.org/css-color-adjust/#color-scheme-prop Let the author opt-in to follow the preferred color scheme when rendering UI elements such as default colors of form controls and scrollbars as well as the used values of the CSS system colors. When rendering web sites in a different color-scheme, e.g. a dark color scheme, the author typically applies dark styling with @media (prefers-color-scheme: dark). The author can tell the UA to render UI controls accordingly. Otherwise the author would have had to do their own style of these controls to match a dark theme.
As for the meta tag, Safari currently has an implementation with a different name. That is 'color-scheme' vs 'supported-color-schemes'.


They renamed theirs to `color-scheme` In Safari Technology Preview 81: 

Firefox: No public signals Edge: No public signals Safari: Mixed public signals (https://trac.webkit.org/changeset/238001/webkit/) WebKit has an experimental implementation of the same property with a different name (supported-color-schemes). Typically used together with the prefers-color-scheme media query.
Yes None uploaded so far. https://www.chromestatus.com/features/6070987093180416

--
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/CACuPfeQGZrtyVgp8tZ8RjLDFjqhE3ByYZb1YNEV5Qeh%3DvACFHQ%40mail.gmail.com.
--
Thomas Steiner, PhD—Developer Advocate (https://blog.tomayac.com, https://twitter.com/tomayac)

Google Germany GmbH, ABC-Str. 19, 20354 Hamburg, Germany
Geschäftsführer: Paul Manicle, Halimah DeLaine Prado
Registergericht und -nummer: Hamburg, HRB 86891

-----BEGIN PGP SIGNATURE-----
Version: GnuPG v2.1.23 (GNU/Linux)

iFy0uwAntT0bE3xtRa5AfeCheCkthAtTh3reSabiGbl0ck0fjumBl3DCharaCTersAttH3b0ttom.hTtPs://xKcd.cOm/1181/
-----END PGP SIGNATURE-----

thomas....@gmail.com

unread,
May 14, 2019, 6:54:39 PM5/14/19
to blink-dev
Hi.

The Firefox team seems to work on this feature according to twitter activity : https://twitter.com/jensimmons/status/1103006419396124673
But I do not find an active bugzilla ticket on this subject.

Cheers,
Thomas.

Rik Cabanier

unread,
May 14, 2019, 7:20:36 PM5/14/19
to thomas....@gmail.com, blink-dev
On Tue, May 14, 2019 at 3:54 PM <thomas....@gmail.com> wrote:
Hi.

The Firefox team seems to work on this feature according to twitter activity : https://twitter.com/jensimmons/status/1103006419396124673
But I do not find an active bugzilla ticket on this subject.


Le mardi 14 mai 2019 15:41:19 UTC+2, Rune Lillesveen a écrit :
fut...@chromium.org Specification: https://drafts.csswg.org/css-color-adjust/#color-scheme-prop Let the author opt-in to follow the preferred color scheme when rendering UI elements such as default colors of form controls and scrollbars as well as the used values of the CSS system colors. When rendering web sites in a different color-scheme, e.g. a dark color scheme, the author typically applies dark styling with @media (prefers-color-scheme: dark). The author can tell the UA to render UI controls accordingly. Otherwise the author would have had to do their own style of these controls to match a dark theme.
As for the meta tag, Safari currently has an implementation with a different name. That is 'color-scheme' vs 'supported-color-schemes'. Firefox: No public signals Edge: No public signals Safari: Mixed public signals (https://trac.webkit.org/changeset/238001/webkit/) WebKit has an experimental implementation of the same property with a different name (supported-color-schemes). Typically used together with the prefers-color-scheme media query.
Yes None uploaded so far. https://www.chromestatus.com/features/6070987093180416

--
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.
Reply all
Reply to author
Forward
0 new messages