CSS light-dark() function

color: light-dark(blue, green);

Named values. Lorem ipsum dolor sit amet consectetur adipisicing elit. Necessitatibus, adipisci! Cum harum quaerat maxime obcaecati ullam est necessitatibus, accusamus vero aperiam eius iusto quas inventore error facere rerum, suscipit earum!

Hex values. Lorem ipsum dolor sit amet consectetur adipisicing elit. Necessitatibus, adipisci! Cum harum quaerat maxime obcaecati ullam est necessitatibus, accusamus vero aperiam eius iusto quas inventore error facere rerum, suscipit earum!

background-color: light-dark(blue, green);

Named values. Lorem ipsum dolor sit amet consectetur adipisicing elit. Necessitatibus, adipisci! Cum harum quaerat maxime obcaecati ullam est necessitatibus, accusamus vero aperiam eius iusto quas inventore error facere rerum, suscipit earum!

Hex values. Lorem ipsum dolor sit amet consectetur adipisicing elit. Necessitatibus, adipisci! Cum harum quaerat maxime obcaecati ullam est necessitatibus, accusamus vero aperiam eius iusto quas inventore error facere rerum, suscipit earum!

https://developer.mozilla.org/en-US/docs/Web/CSS/color_value/light-dark

caniemail.com, 2024.