light-dark()

baseline logo Widely available

The light-dark() CSS function accepts two colors and uses one depending on the current color scheme.

WKWebView

macOS

*

iOS

17.5

iPadOS

*

Android WebView

Android

123

WebView2

Windows

*

Chrome Browser

Android

123

Safari Browser

iOS

17.5

Notes

Support data provided by: BCD logo

Know something we don't?

Is any of the above data outdated? Or do you want to add a new WebView to the list? Heads on to GitHub and edit the data file!

Edit this page on GitHub Report an issue on GitHub

Not comfortable with GitHub? Send us an email.

Please help us keeping this data updated

This feature was documented on May 13, 2024.