Светлая 🌕 и тёмная 🌑 темы на CSS: кастомные свойства, подключение, фолбэк для старых браузеров

00:00 Интро 02:17 Обзор демки 04:23 Описание задачи 05:11 Светлая тема 07:54 Тёмная тема 08:50 Обозначение тем 10:39 Удобное тестирование 11:54 Тема для Safari 14:11 Кроссбраузерность 16:23 Фолбэк на всякий 18:49 Подсказка браузеру 19:45 Выводы 20:42 Аутро Нравится? Становитесь патронами Демо с небом Средний цвет картинки Prefers-color-scheme: Hello darkness, my old friend Improved dark mode default styling with the color-scheme Фото светлого неба Фото тёмного неба * * * Камера: Sony A7C Объектив: Sony 24–70 мм, f/4 Микрофон: Audio-Technica BP40 Свет: Amaran 200d Light Dome Софт: DaVinci Resolve, iZotope RX