Как сделать

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

Хром логотип на темном фоне с сухим льдом дым облака.
nalyvme / Shutterstock.com

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

Сайты теперь могут обнаруживать темный режим, как приложения могут

Веб-сайт YouTube с включенной темной темой

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

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

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

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

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

Включение темного режима в приложении «Настройки» в Windows 10

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

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

  • Safari для iPhone и iPad получает его вместе с Safari 13 в составе iOS 13 19 сентября.
  • Mozilla Firefox поддерживает его с момента выпуска Firefox 67, выпущенного 21 мая.
  • Safari для Mac поддерживает его с версии Safari 12.1, выпущенной 5 апреля.
  • Microsoft Edge не поддерживает это, но новый браузер Edge на основе Chromium будет поддерживать.

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

Так где же сайты Dark Mode?

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

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

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

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

СВЯЗАННЫЙ: Темный режим не лучше для вас, но мы все равно любим его

Похожие посты
Как сделать

Как получить возмещение за покупки в iTunes или App Store

Как сделать

Поверхностное перо не работает? Вот как это исправить

Как сделать

Как настроить и использовать Fire TV Recast

Как сделать

Как изменить рингтон по умолчанию на вашем iPhone