light-dark()

light-dark(<light-color>, <dark-color>) allows you to easily set colors respecting the user or author preferred color-scheme.

Change your OS (or devtools) light mode to see it in action, or click the sun / moon icons to enforce light or dark mode respectively.