Как сделать темную тему в браузере: инструкция для смартфона и компьютера

Рассказываем, как включить темную тему в популярных браузерах на компьютере и смартфоне.
Яндекс Браузер
Google Chrome
Плагины
Темная или светлая?
Вопросы и ответы
Яндекс Браузер
Google Chrome
Плагины
Темная или светлая?
Вопросы и ответы
Еще
Мужчина делает темную тему в браузере на смартфоне
Темную тему можно включить на всем устройстве или отдельно в браузереИсточник: Unsplash

Темная тема может сделать работу с браузером комфортнее, особенно вечером или ночью. Серый фон меньше «бьет» по глазам, снижается яркость. Кажется, что глаза устают меньше. Делимся пошаговой инструкцией, как включить темную тему в Яндекс Браузере, Google Chrome и других веб-обозревателях. Разбираемся, правда ли «ночной режим» снижает нагрузку на зрение.  

  • Темную тему можно включить на устройстве или отдельно в браузере — интерфейс переключается сразу.

  • В Яндекс Браузере на смартфоне тема задается через «Настройки» → «Оформление». На компьютере — в разделе «Интерфейс».

  • В Google Chrome темный режим включается через пункт «Тема» на смартфоне и через раздел «Внешний вид» на ПК.

  • Нельзя однозначно сказать, какая тема полезнее для глаз, темная или светлая. В «ночном» режиме глаза могут уставать меньше, но фокусироваться бывает сложнее.  

Как включить темную тему в Яндекс Браузере

В Яндекс Браузере можно привязать оформление к теме на устройстве или задать отдельные настройки. 

На смартфоне

1. Откройте Яндекс Браузер.

2. Нажмите на три горизонтальные полоски. В появившемся меню выберите «Настройки» → «Оформление».

3. Задайте темную тему. 

Настройки Яндекс Браузера на смартфоне с возможностью включить темную тему
В Яндекс Браузере для смартфона можно выбрать темную тему или привязать оформление к системномуИсточник: Hi-Tech Mail

Если хотите, чтобы темная тема в браузере включалась одновременно с «ночным» оформлением на смартфоне, выберите в настройках вариант «Как в системе».   

На компьютере

1. Откройте Яндекс Браузер.

2. Нажмите на три горизонтальные полоски. В выпадающем меню выберите «Настройки».

Настройки Яндекс Браузера на компьютере
Изменить внешний вид Яндекс Браузера можно в настройкахИсточник: Hi-Tech Mail

3. В параметрах откройте раздел «Интерфейс» и выберите «Темная тема».   

Окно Интерфейс в Яндекс Браузере на компьютере
Выберите темный вариант оформления в разделе «Интерфейс»   Источник: Hi-Tech Mail

Как сделать темную тему в Google Chrome

Тему оформления в Google Chrome можно менять независимо от общих настроек устройства. Делимся инструкцией для смартфонов и компьютеров. 

На смартфоне

1. Откройте Google Chrome.

2. Нажмите на три точки в правом верхнем углу. В выпадающем меню выберите «Настройки».

3. Пролистайте до раздела «Тема». Нажмите на него и задайте вариант «Темная».

Настройки Google Chrome на смартфоне с возможностью включить темную тему
Внешний вид Google Chrome на смартфоне меняется в настройкахИсточник: Hi-Tech Mail

На компьютере

1. Откройте Google Chrome.

2. Нажмите на три точки в правом верхнем углу. В выпадающем меню выберите «Настройки».

Настройки Google Chrome на компьютере
Откройте «Настройки», чтобы изменить тему в Google Chrome  Источник: Hi-Tech Mail

3. Откройте раздел «Внешний вид». 

Внешний вид в Google Chrome на компьютере
Оформление браузера меняется в разделе «Внешний вид»Источник: Hi-Tech Mail

4. Нажмите на стрелку в квадрате справа от раздела «Тема» и выберите «Темная». Цветовая гамма изменится сразу же.  

В Chrome есть несколько вариантов оформления в темных тонах. Можно выбрать, например, сочетание серого фона и фиолетового или зеленого оттенка панели инструментов браузера. 

Окно внешнего вида в Google Chrome на компьютере с возможностью выбрать цветовое сочетание
В настройках внешнего вида можно выбрать подходящее цветовое сочетаниеИсточник: Hi-Tech Mail

Как сделать темную тему для всех сайтов

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

  • Dark Reader. Работает в Chrome, Safari, Firefox, Edge. Позволяет включить ночную тему почти на любых сайтах. Меняет цвет фона и шрифта через HTML-код. Можно настроить яркость и контрастность, включить сепию.

  • Night Eye. Подходит для большего количества браузеров, в том числе Safari, Vivaldi и Яндекс Браузера. С помощью Night Eye настраивается яркость, насыщенность и контрастность. Утилита может даже конвертировать иконки, но сильнее нагружает процессор.

  • SuperDarkMode. Работает только в Firefox, зато корректно меняет цвета и не добавляет темно-серый шрифт на темно-серый фон. В настройках можно задать исключения или режим работы. Интерфейс на английском.

Окно специального расширения Dark Reader, чтобы сделать темную тему для всех сайтов
Темную тему на сайтах можно включить с помощью специального расширения — например, Dark ReaderИсточник: Hi-Tech Mail

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

Какая тема лучше для глаз: темная или светлая

Единого «правильного» варианта нет: комфорт зависит от особенностей зрения и условий, в которых человек смотрит на экран. 

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

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

Но темная тема подходит не всем. Специалисты по UX из Nielsen Norman Group отмечают: пользователи с нормальным зрением быстрее воспринимают информацию на светлом фоне, а на темном дольше фокусируются. Светлая тема делает символы более четкими, даже мелкий текст воспринимать легче. 

Есть и медицинские нюансы. Люди с астигматизмом хуже воспринимают темный фон: контуры букв кажутся размытыми, зрение напрягается сильнее. Зато при катаракте, когда чувствительность к яркому свету повышена, темная тема делает чтение заметно комфортнее. 

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

Вопросы и ответы

В разделе ответили на вопросы о темной теме.

Как включить темную тему в Opera?

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

Есть ли темная тема в Safari?

Отдельной темной темы нет — оформление в браузере соответствует настройкам устройства. Когда пользователь включает темный режим в настройках macOS или iOS, браузер меняет цвета вместе с системой. Многие сайты подстраиваются автоматически, но некоторые остаются в обычной светлой версии.

Как включить темный режим в Microsoft Edge?

Edge позволяет выбрать тему вручную. Нужно открыть настройки и задать «ночной» вариант в разделе «Внешний вид». Интерфейс сразу станет темным, а сайты будут менять фон только при поддержке соответствующей функции.