Newly Available
CSS
id: light-dark
light-dark()
The
light-dark() CSS function accepts two colors and uses one depending on the current color scheme.
Baseline Status:
Achieved Newly Available on May 13, 2024 across core engines.
Desktop Browser Engine Support
Google Chrome
123
Supported
Mozilla Firefox
120
Supported
Apple Safari
17.5
Supported
Microsoft Edge
123
Supported
Mobile Browser Engine Support
Chrome Android
123
Firefox Android
120
Safari iOS
17.5
Specifications and References
MDN Browser Compat Data Keys: