🌓

CSS light-dark() Function Explیاer

Explیاe the CSS light-dark() function. Define light اور dark colیا pairs کو create responsive theming کے ساتھ a single CSS value.

CSS
color: light-dark(#ffffff, #1e293b);
Light Mode
background: #ffffff / color: #1e293b
Dark Mode
background: #1e293b / color: #ffffff
The light-dark() CSS function returns one of two values based on the current color-scheme. Requires color-scheme: light dark; on the element.