CSS-функция light-dark() научилась переключать изображения по цветовой схеме

Функция light-dark() в CSS теперь принимает не только цвета, но и изображения: браузер выбирает один из двух аргументов по color-scheme элемента. С 14 сентября 2026 года поддержка есть в Chrome, Edge, Firefox и Safari, функция получила статус Baseline newly available.

• light-dark() принимает два изображения или none и выбирает по color-scheme элемента
• Поддержка в Chrome и Edge 150, Firefox 150 и Safari 27
• Каждая сторона принимает одно изображение, слои задаются отдельными вызовами
• Работает не только с background-image, но и с list-style-image