Все секреты компьютера для новичка и профессионала. Как сделать темную тему в браузере

Собственного темного режима в Safari нет, хотя он поддерживает темную тему macOS. На компьютере Mac перейдите в системные настройки > Общие > Темный. Но это просто сделает меню Safari черным.

Тёмный режим браузера

Привет, друзья. У тёмных тем оформления интерфейса программного обеспечения множество приверженцев. Более того, нынче это очень модный тренд: тёмную тему оформления нативно предусматривают современные операционные системы, практически все популярные браузеры и многие программы. Возможность выбора тёмного оформления даже есть на некоторых сайтах, из популярных это, например, YouTube и Facebook. Тёмный режим, он же ночной режим оформления интерфейса ПО – дело не только вкуса, этот режим бережёт наше зрение и способствует экономии заряда батареи на мобильных и портативных устройствах. Как сделать тёмный режим браузера для любого сайта в Интернете? Чтобы все сайты отображались в тёмном режиме, вне зависимости от того, предусматривает ли сам сайт настройку своего интерфейса?

Друзья, тёмный режим браузера на сайтах реализуется за счёт инверсии цветов фонового и текстового оформления.

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

Как упоминалось, практически все популярные браузеры предусматривают тёмную тему оформления для своего интерфейса, но отображать страницы сайтов в тёмном режиме браузера могут пока что лишь немногие. Нативно такие возможности на сегодняшний день предусматривают веб-обозреватели Chrome и Opera GX. Однако в любой браузер с поддержкой контента из магазинов Chrome и Firefox можно внедрить расширение, обеспечивающее тёмный режим для сайтов. Причём такие расширения могут быть с разной функциональностью. Но, давайте об всём подробнее: как включить нативный тёмный режим браузера в Chrome и Opera GX, и что за расширения можно в других браузерах использовать?

Google Chrome

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

Создатели Opera пока что тёмный режим браузера для сайтов не включили в функционал обычной Оперы, но на условиях бета-тестирования внедрили его в кастомную версию Оперы для геймеров – браузер Opera GX. Кто не знает, друзья, Opera GX – это крутой, стильный браузер, заточенный под игры, с массой различных фишек. Можете посмотреть по нему детальный обзор «Браузер для геймеров Opera GX: обзор». И вот одной из этих фишек недавно стала возможность включения тёмного режима браузера для сайтов. Включит его можно либо в общих настройках Opera GX, либо в настройках персонализации на стартовой странице.

Друзья, у обоих браузеров реализация тёмного режима браузера для сайтов минималистичная, мы можем только включить и выключить этот режим для всех подряд сайтов. А в Chrome для этого ещё и нужно заходить в экспериментальные настройки и перезапускать браузер. Более удобные в использовании, более гибкие в плане применения и даже настраиваемые тёмные режимы для сайтов можно реализовать с помощью специальных расширений для того же Google Chrome, Mozilla Firefox и прочих браузеров, которые поддерживают установку расширений из магазинов этих двух, а это, в частности, Opera, Яндекс.Браузер, Microsoft Edge.

Популярность темной темы вполне объяснима — от яркого экрана глаза к вечеру устают, и тут помогают более приглушенные тона. В OLED-дисплеях темная тема позволяет еще немного снизить энергопотребление, что тоже приятно. А кому-то просто визуально нравится оформление. Разберемся, как активировать темный режим в Chrome, Firefox, Safari и Edge.

Делаем Яндекс.Браузер темным

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

Как уже было сказано выше, в Яндекс.Браузере есть возможность сделать некоторую часть интерфейса темной, и выполняется это следующим образом:

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

Способ 2: Настройка темного фона страниц

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

Перевод страницы в режим чтения

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

Нажмите по странице правой кнопкой мыши и выберите пункт «Перейти в режим чтения».

Установка расширения

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

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

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

• «images» — переключатель, который при активации делает изображения на сайтах темнее. Как написано в описании, работа этой опции может тормозить работу на малопроизводительных ПК и ноутбуках;
• «brightness» — полоска с регулятором уровня яркости. Здесь вы настраиваете, насколько будет яркой и светлой страница.

А расширение Dark Reader от Alexander Shutau – продвинутое, с возможностью применения инверсии к отдельным сайтам, с возможностью применения в любом режиме цветовых фильтров сепии и оттенков серого, с возможностью настройки яркости и контрастности.

Firefox

По умолчанию в браузере Firefox установлена цветовая схема вашей ОС. Чтобы сменить ее на темную, в меню выберите Настройки > Расширения и темы > Темы > Управление темами, затем найдите нужную. Но имейте в виду, в Firefox полноценного ночного режима тоже нет — меняться будет только часть оформления.

На Android в меню браузера перейдите в Настройки > Настроить. В разделе «Тема» выберите «Темная» или «Следовать теме устройства».

А вот в Chrome для Android есть полноценный темный режим. В последней версии Chrome коснитесь меню (значок с тремя точками) и выберите «Настройки»> «Тема».

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

Что делать, если вы хотите затемнить интерфейс различных сайтов? В случае с некоторыми мессенджерами, это можно сделать через стандартные настройки. Например, сменить тему можно в браузерных версиях Discord, Telegram и не только.

Однако для остальных сайтов таких настроек нет. Здесь на помощь приходят расширения и плагины.

DarkReader

Это самое популярное и эффективное расширение для браузера, которое позволяет включить темную тему практически для любого сайта. Плагин редактирует HTML-код, меняя цвет фона и шрифта для каждого интернет-ресурса. Дополнение распространяется для Chrome, Firefox, Safari и Edge.

В 99 % случаев плагин корректно подбирает цвет шрифтов, но на некоторых ресурсах могут попадаться надписи, которые теряются на сером фоне.

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

Единственный условный недостаток — страницы могут подгружаться с небольшой задержкой в 1-2 секунды, поскольку Dark Reader изменяет их код.

NightEye — Темный режим

Если предыдущий плагин по каким-то причинам работает некорректно, можете скачать расширение NightEye. Как и предыдущее, оно изменяет цвет фона и шрифта для каждого сайта, фактически включая ночную тему. Ключевое преимущество — поддержка более широкого списка браузеров: Google Chrome, Opera, Firefox, Safari, Edge, Yandex, UCBrowser и не только. Ссылка на скачивание для каждого браузера располагается на официальной странице.

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

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

SuperDarkMode

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

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

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

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

Темная тема Яндекс Браузера на компьютере

Начнем преображение нашего Яндекс Браузера с установки стандартной темной темы. Для этого откройте выпадающее меню нажав на кнопку с тремя полосками в правом верхнем углу, далее перейдите в настройки.

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

Есть еще вариант цветных комбинированных темных тем, для просмотра нажмите на папку «цветная» в цветовых схемах. Для предпросмотра темы достаточно на неё нажать.

С интерфейсом разобрались, давайте перейдем к страницам.

Темный цвет фона на страницах сайтов

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

Затемнение в режиме чтения

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

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

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

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

Затемнение с помощью плагинов

Второй способ сделать сайты темными – это установить специальные расширения, работают они на любых веб-страницах.

Скачать плагины можно в интернет-магазине Chrome, ссылка – chrome.google.com/webstore .

Переходим в магазин и в поиск вводим «темный режим».

В результатах появится три расширения, я попробовал на практике их все:

• Темный режим для хрома – самый простой плагин, в его настройках можно добавить сайты исключения, устанавливаете и включаете или выключаете одним нажатием на иконку в правом верхнем углу;
• Super Dark Mode – если распределять места среди плагинов, то этот займет последнее. После установки открылось около трех дополнительных страниц и крайне неудачно оформлена страница с настройками, невозможно читать. Со своей функцией справляется, но два других плагина более приятны в использовании;
• Night Eye – Темный режим на любом веб-сайте. Это расширение оказалось наиболее функциональным и удобным в использовании, оформление можно настроить, не покидая рабочую страницу, достаточно нажать на значок программы в правом верхнем углу браузера и в появившемся окошке выполнить необходимые действия.

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

Как сделать веб-страницы темными в Firefox, Chrome и Opera

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

Dark Reader (Chrome и Firefox)

Dark Reader делает темными все отображаемые в Chrome и Firefox веб-страницы. По сути, расширение просто инвертирует цвета (делает белое черным и наоборот), однако вы можете на свой вкус настроить яркость и контрастность, а также выбрать сайты, где включать или отключать темный режим. Вы также можете настроить «горячие клавиши» для быстрого включения и отключения Dark Reader на тех или иных сайтах.

Dark Reader активируется сразу же после установки. После завершения процесса инсталляции автоматически откроется окно Справки на русском языке.

Для настройки расширения кликните на иконку Dark Reader на панели инструментов.

С помощью расширений Morpheon Dark и Dark Reader можно затемнить окно Chrome полностью, за исключением лишь страницы настроек.

В Firefox можно затемнить все окно, активировав темную тему, как описано выше, и установив Dark Reader.

Dark Mode (Chrome, Firefox, Opera, Яндекс.Браузер)

Расширение Dark Mode доступно для Google Chrome, Mozilla Firefox, Яндекс.Браузера и Opera. С его помощью вы можете затемнить браузер всего в один клик.

После установки расширения на панели инструментов появится иконка ON/OFF.

Для того чтобы включить или выключить затемнение веб-страниц, просто нажмите на нее.

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

Темный режим – не то же самое, что фильтр синего света

Для того чтобы снизить нагрузку на глаза, можно воспользоваться режимом Night Light в Windows или приложением f.lux (скачать). Для пользователей macOS аналогичная функция доступна по пути Системные настройки → Мониторы → Night Shift (подробно).

Тем не менее, имейте в виду, что это не то же самое, что темный режим или темная тема. Night Light, f.lux и Night Shift уменьшают количество излучаемого экраном вредного синего света, что улучшает качество сна. В свою очередь, ни темный режим, ни темная тема на сон никак не влияют, но помогают уменьшить нагрузку на глаза, особенно, когда вы работаете при плохом освещении.