css код

Если вам нравится белый текст на черном фоне, хорошая новость: Apple встроила поддержку темного режима в свой браузер Safari для MacOS, и Mozilla последовала примеру в своем браузере Firefox. Но теперь возможности сайта в темном режиме приходят и в Google Chrome, недавно обновленный Edge от Microsoft и Safari от Apple на iPhone и iPad.

Темный режим — популярная тема в наши дни. Некоторым людям просто нравится, как он выглядит, но это не просто косметика, как могут сказать люди, работающие ночью. Поддержка браузера означает, что Интернет не останется в стороне от движения в темном режиме.

Добавление поддержки темного режима ко всем компьютерам и гаджетам в нашей жизни проблематично, даже когда операционные системы, такие как MacOS и Windows, уже предлагают высокоуровневую опцию темного режима. Если вы не верите, то просто взгляните на подробности о перерисовке значков и перекрашивании кнопок в тщательно продуманном темном режиме от Apple .

Веб-сайты, на которых в настоящее время могут размещаться полноценные приложения, добавляют еще одну проблему для темного режима. Сверкающие белые сайты — явное нарушение, если ваша операционная система затеняла вашу панель задач, а интерфейс вашего браузера украшен черными заголовками и вкладками.

Тем не менее, веб-разработчики теперь могут добавить в свой код элемент управления «prefers-color-scheme» для решения проблемы. Это позволит совместимым браузерам извлекать конкретные инструкции для таких вещей, как выделение текста белым и заливку заднего фона темным, а также выбор цветов для таких элементов сайта, как ссылка(url).

Поддержка этой опции в темном режиме распространяется на:

  • Safari на MacOS стал браузером с поддержкой темного режима в марте. К нему присоединятся Safari для iPhone и iPad с выпуском этой осенью iOS и новой iPadOS.
  • Firefox добавил поддержку темного режима в мае.
  • Google Chrome выпустил поддержку темного режима в бета-версии Chrome в четверг. Как правило, бета-функции выпускаются для основной версии Chrome, так что каждый получит их примерно через шесть недель после бета-версии.
  • Microsoft Edge, переходя на Google Chromium с открытым исходным кодом, поддерживает темный режим в этих тестовых версиях браузера. На своем веб-сайте Edge Insider Microsoft заявила, что предложит больший контроль: «Мы добавим параметр в Microsoft Edge, который позволит вам использовать темный режим независимо от настроек операционной системы».
  • Brave позволяет настроить браузер так, чтобы веб-сайты отображались в темном режиме, в светлом режиме или в соответствии с настройками операционной системы.

Однако поддержка браузера — это только одна часть уравнения. Разработчики веб-сайтов должны будут поддерживать темные режимы, чтобы их можно было широко использовать. Это будет работать, но, учитывая количество людей, которые хотят темный режим, вы можете ожидать его распространения.