learning$css

light-dark()

PrevNext
Term side of the Card
Topic: Colors
Unit title: light-dark()
Categories: Function
Explanation side of the Card

Explanation: The function that adjusts the color output based on the user's preferred color scheme, either light or dark mode. It allows defining a color that changes dynamically depending on whether the system or browser is set to a light or dark theme, improving accessibility and user experience.

Browser compatibility:
  • The chrome browser supports this feature starting from version 123
  • The edge browser supports this feature starting from version 123
  • The firefox browser supports this feature starting from version 120
  • The safari browser supports this feature starting from version 17.5
Availability: