Caniuse: Add support for prefers-color-scheme CSS media query

Created on 27 Sep 2018  路  5Comments  路  Source: Fyrd/caniuse

For dark mode in macOS (among others):

https://drafts4.csswg.org/mediaqueries-5/#prefers-color-scheme
https://brehaut.net/blog/2018/a_dark_mode_less_mixin

This is still not implemented anywhere yet.

Support data suggestion
Source
picture danielcompton
👍50

Most helpful comment

Now available at https://caniuse.com/#feat=prefers-color-scheme

picture Fyrd on 31 Jan 2019
❤10

All 5 comments

Implemented in Safari Tech Preview 68 now.

axelfontaine picture axelfontaine on 25 Oct 2018
👍6 😕1

Implemented in Safari Tech Preview 68 now.

In the future, please provide documentation to confirm it :)
https://trac.webkit.org/changeset/237156/webkit

Malvoz picture Malvoz on 29 Oct 2018
👍2

Chrome is looking at it now:
https://www.chromestatus.com/feature/5109758977638400

atjn picture atjn on 6 Jan 2019
👍1

on mobile platform, there must be system dark mode preference in settings (Android 9+). It does not make any sense without it, so not just a browser but OS version is limitating factor too.

DoubyCz picture DoubyCz on 29 Jan 2019

Now available at https://caniuse.com/#feat=prefers-color-scheme

Fyrd picture Fyrd on 31 Jan 2019
❤10
Was this page helpful?
0 / 5 - 0 ratings

Related issues

Malvoz picture Malvoz  路  3Comments
myfonj picture myfonj  路  3Comments
rowbot-weisguy picture rowbot-weisguy  路  3Comments
SteveALee picture SteveALee  路  3Comments
valtido picture valtido  路  3Comments