light-dark() image values

The light-dark() CSS function accepts, in addition to colors, two <image> values, such as a gradient or URL, and uses one depending on the current color scheme.

Baseline Status: This feature is currently Limited and is missing in at least one major browser engine.

Desktop Browser Engine Support

Google Chrome

150

Supported

Mozilla Firefox

150

Supported

Apple Safari

—

Unsupported

Microsoft Edge

150

Supported

Mobile Browser Engine Support

Chrome Android

150

Firefox Android

150

Safari iOS

—

Specifications and References

Specification ↗ Feature XML ↗

MDN Browser Compat Data Keys:

css.types.color.light-dark.image_value ↗