[Перевод] Автоматический подбор браузером контрастного цвета в CSS

Вам когда-нибудь хотелось, чтобы можно было написать простой CSS для объявления цвета, после чего браузер сам бы определял, чёрный или белый должен сочетаться с этим цветом? Теперь это возможно благодаря contrast-color() . В статье мы объясним, как это работает. Представьте, что вы разрабатываете веб-сайт или веб-приложение, и в дизайне требуется куча кнопок с разными цветами фона. Для обработки цвета фона можно создать переменную --button-color , а затем присваивать ей разные значения. Иногда фон кнопки будет тёмным цветом, а текст кнопки должен быть белым для создания контрастности. В других случаях фон светлее, поэтому текст должен быть чёрным.

https://habr.com/ru/articles/910992/

#контрастность #кнопки #контраст #темный_режим

Автоматический подбор браузером контрастного цвета в CSS

Вам когда-нибудь хотелось, чтобы можно было написать простой CSS для объявления цвета, после чего браузер сам бы определял, чёрный или белый должен сочетаться с этим цветом? Теперь это возможно...

Хабр

История «Dark Mode»: как «баг» стал «фичей»

«Темная тема» , «темный режим» , «ночной режим» , «дарк мод» — опция, которая сейчас есть практически в каждой операционной системе, приложении, браузере, сайте. Она окрашивает фоновые элементы графического интерфейса в темный цвет, а текст — в белый. Многие текстовые редакторы и интегрированные среды разработки ( IDE ) предлагают темную тему по умолчанию. Например, популярный в веб-разработке (и не только) Sublime Text . Нельзя сказать точно, когда именно появился термин «темный режим» , однако за последние несколько десятков лет темный вариант графического интерфейса превратился в набирающую обороты функцию в самых популярных приложениях, сайтах и операционных системах. Тем не менее отображение информации белым по темному существует очень давно — еще до появления технологии ЭЛТ, на смену которой впоследствии пришли ЖК и OLED.

https://habr.com/ru/companies/first/articles/803125/

#темная_тема #дизайн #темный_режим #интерфейсы

История «Dark Mode»: как «баг» стал «фичей»

«Темная тема» , «темный режим» , «ночной режим» , «дарк мод» — опция, которая сейчас есть практически в каждой операционной системе, приложении, браузере, сайте. Она окрашивает фоновые элементы...

Хабр