Темный режим теперь везде, в том числе и в iOS 13 и Android 10. Веб-браузеры, такие как Chrome, Firefox, Safari и Edge, также поддерживают темный режим. Теперь браузеры переводят веб-сайты в автоматический темный режим благодаря функции prefers-color-scheme.
Веб-сайты теперь могут определять темный режим, как и приложения
Некоторые сайты сегодня предлагают темные режимы. Например, вы можете включить темный режим на YouTube , Twitter , или Слабина в несколько кликов. Это довольно круто, но кто хочет включать эту опцию отдельно каждый раз, когда они посещают новый веб-сайт?
Когда вы включаете темный режим в Windows 10, macOS, iOS или Android, все используемые вами приложения знают, что вы включили темный режим, и могут автоматически включить его. В Google Chrome даже нет удобного опция темного режима . Chrome просто автоматически настраивается в зависимости от вашего общего выбора операционной системы.
Раньше веб-сайты не могли автоматически реализовывать темный режим. Даже если интерфейс вашего браузера темнеет, веб-сайты по-прежнему будут использовать свой яркий фон. Вам нужно вручную включить темный режим или использовать расширение браузера, которое включает темный режим.
Это не было ошибкой веб-разработчиков - они не могли определить, включен ли темный режим на вашем устройстве. Это изменилось с появлением на веб-сайтах новой функции каскадных таблиц стилей (CSS).
Он уже в браузере рядом с вами
Ответ на эту проблему предпочитает цветовую схему , функция CSS, которую веб-сайты могут использовать, чтобы спросить ваш браузер, включен ли у вас темный режим. Веб-страница может использовать другую тему в зависимости от того, включен или отключен темный режим.
Эта функция была добавлена в современные веб-браузеры совсем недавно, в 2019 году.
- Google Chrome для всех платформ (включая Android) поддерживает его с Хром 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 будет.
Это не тот вариант, который вы выбираете в самом браузере. Просто выберите между светлым и темным режимами в вашей операционной системе, ваш браузер будет подчиняться изменениям, а веб-сайты могут следовать им и автоматически включать темный режим, если они того пожелают.
Так где же сайты в темном режиме?
Эта функция уже доступна и работает во всех популярных браузерах, но она очень нова. Темный режим появился на iPhone и iPad с новым iOS 13 . Что касается Android, только телефоны Android с новым Android 10 есть поддержка темного режима. Даже Google Chrome для настольных компьютеров поддерживает цветовую схему Prefers-Color только в течение нескольких недель.
Это так ново. Скорее всего, вы еще не встретите много веб-сайтов, которые используют prefers-color-scheme для автоматического включения темного режима.
Надеюсь, это изменится в будущем. Теперь веб-сайты могут уважать ваши предпочтения темного режима и автоматически следовать им. У веб-разработчиков есть новая возможность, которой они могут воспользоваться.
Мы любим тёмный режим . Теперь, когда это опция во всех последних операционных системах, мы будем рады увидеть ее распространение в Интернете.
СВЯЗАННЫЕ С: Темный режим не лучше для вас, но мы все равно его любим
