Браузеры приносят автоматический темный режим на сайты

Темный режим теперь доступен везде, включая iOS 13 и Android 10. Веб-браузеры, такие как Chrome, Firefox, Safari и Edge, также поддерживают темный режим. Браузеры теперь предоставляют веб-сайтам автоматический темный режим благодаря функции под названием «Предпочитает цветовую схему».

Веб-сайты теперь могут определять темный режим как приложения

Некоторые сайты теперь предлагают темные режимы. Например, вы можете активировать YouTube, Twitter или уйти с помощью всего лишь нескольких кликов. Это замечательно, но кто хочет активировать эту опцию каждый раз, когда они посещают новый сайт?

При активации темного режима Windows 10, macOS, iOS или Android: все используемые приложения знают, что вы активировали темный режим, и можете активировать его автоматически. Google Chrome даже не предлагает простой доступ в темном режиме. Chrome просто автоматически адаптируется к выбору всей вашей операционной системы.

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

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

Уже в браузере рядом с вами

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

Эта функция была недавно добавлена ​​в современные браузеры в 2019 году.

Google Chrome для всех платформ (включая Android) поддерживается начиная с Chrome 76, выпущенного 30 июля.

Safari для iPhone и iPad будет поставляться с Safari 13 в составе iOS 13 19 сентября.

Mozilla Firefox поддерживает его с момента запуска Firefox 67 21 мая.

Safari для Mac совместим с Safari 12.1, он был выпущен 5 апреля.

Microsoft Edge не поддерживает его, но новый браузер Edge на основе Chromium поддерживает.

Это не вариант, который вы выбираете в своем браузере. Просто выберите между светлым и темным режимами в операционной системе, браузер заметит изменения, и веб-сайты могут автоматически следовать и активировать темный режим, если они захотят.

Так где же темные сайты о моде?

Эта функция доступна и работает во всех распространенных браузерах сегодня, но она очень новая. Темный режим будет доступен с новой iOS 13 для iPhone и iPad. Что касается Android, только телефоны Android с новым Android 10 поддерживают темный режим. Даже Google Chrome на рабочем столе поддерживает предпочтительную цветовую схему только на несколько недель.

Это так ново. Вы, вероятно, пока не найдете много сайтов, которые используют предпочтительную цветовую схему для автоматического включения темного режима.

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

Мы любим темную дорогу. Теперь, когда это вариант для всех текущих операционных систем, нам будет интересно посмотреть, как он распространяется по сети.