Newly Available

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: Achieved Newly Available on Sep 14, 2026 across core engines.

Desktop Browser Engine Support

Google Chrome

150

Supported

Mozilla Firefox

150

Supported

Apple Safari

27

Supported

Microsoft Edge

150

Supported

Mobile Browser Engine Support

Chrome Android

150

Firefox Android

150

Safari iOS

27

Specifications and References

Specification ↗ Feature XML ↗

MDN Browser Compat Data Keys:

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