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.
Status
Limited availability
MDN documentation
No MDN documentation found. You can search for the feature on MDN. If you believe that MDN has no documentation about this feature, you can open an issue on MDN's GitHub repository.Specifications
Browser support
- Chrome ❌ See crbug.com/491829958
- Chrome Android ❌ See crbug.com/491829958
- Edge ❌ See crbug.com/491829958
- Firefox 150 Released on 2026-04-21
- Firefox for Android 150 Released on 2026-04-21
- Safari ❌ See webkit.org/b/309689
- Safari on iOS ❌ See webkit.org/b/309689
Developer votes
Do you need this feature?
Let us know by leaving a 👍 reaction on the feedback issue. Don't forget to also leave a comment explaining your specific use case.
View as JSON | Edit this feature | Report an issue | Web-features entry: source, dist