Widely Available
Media queries
id: prefers-color-scheme
prefers-color-scheme media query
The
prefers-color-scheme CSS media query sets styles based on the requested color scheme, light or dark.
Baseline Status:
Achieved Widely Available on Jul 15, 2022 (Cross-browser Newly Available since Jan 15, 2020).
Desktop Browser Engine Support
Google Chrome
76
Supported
Mozilla Firefox
67
Supported
Apple Safari
12.1
Supported
Microsoft Edge
79
Supported
Mobile Browser Engine Support
Chrome Android
76
Firefox Android
67
Safari iOS
13
Specifications and References