Как сверстать светлую/темную тему, чтобы не писать кучу свойств в CSS под каждый компонент? 🤯
Может показаться, что это невозможно, ведь у каждого элемента на сайте есть свои нюансы, которые надо учесть:
- текст должен контрастировать
- поля ввода должны отразить инверсию цвета в обводке, в фоне, введённом тексте, в тексте-подсказке
- кнопки и ссылки должны сделать тоже самое, но и не забыть про hover-состояния
- …
Перечислять можно долго, но я думаю, что вы уже представили насколько большой и сложной работа может быть.
“Это и так понятно. К чему это вообще тут?” - подумаете Вы.
А что если я скажу, что работу можно упростить? И всё это благодаря новому свойству CSS, у которого поддержка на уровне 93% в браузерах.
В новом видео сделать подробный разбор, как это работает👇
✅ Смотреть на Youtube:
https://youtu.be/IvRy7W_dQb0
✅ Смотреть на Дзен:
dzen.ru/video/w…a4b559d2
В комментариях на Youtube или Дзен делитесь, знали ли вы ранее о таком свойстве и пробовали ли применять на реальных проектах?
#css #newcss