Ночной режим в браузере — как переключить любой сайт в тёмную версию дизайна

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

Мы уже говорили с Вами о таких замечательных вещах, как автоматическое изменение яркости монитора с помощью F.lux для компьютера или с помощью nigth mode + night owl для, скажем, android. Но многие "ночные жители", вроде автора, всё равно не любят яркое свечение экрана, которым, к слову, порой не хочется будить близких.

color

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

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

Давайте приступим.


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

Речь пойдет про простенькое расширение, которое с удобством и комфортом встаёт на браузер, который написан на движке Chromium, т.е для Google Chrome, Opera (старшие версии), Vivaldi, Яндекс.Браузер и прочие прочие.

Плагин, собственно, так и называется "Резкий контраст" и живет по этой вот ссылке. Сделан, что чудесно, самим гуглом, а так же предельно прост в управлении и обращении.

ночное расширение для браузера - тёмные тона и контраст на сайтах - скриншот 1

После установки у Вас появится иконка (если не появилась, то нажмите на три точки и перетащите иконку мышкой в удобное для Вас место) в виде кружочка контраста (почти инь-янь, но не совсем :) ), тыркнув на который Вы сможете его включить:

ночное расширение для браузера - тёмные тона и контраст на сайтах - скриншот 2

Что, как Вы видите, так же можно сделать и сочетанием клавиш "Shift+F11" или же он уже будет включен, но стоять в положении "Обычный" (т.е, в общем-то, тоже отключен, но частично).

ночное расширение для браузера - тёмные тона и контраст на сайтах - скриншот 3

Теперь, тыркнув в кружочек Вы можете выбрать одну из предложенных цветовых схем, начиная от резкого контраста и заканчивая цветовой стилистикой "желтый на черном". Что из этого получится? А получится вполне себе такой ночной режим браузера (скриншоты кликабельны):

ночное расширение для браузера - тёмные тона и контраст на сайтах - скриншот 4

ночное расширение для браузера - тёмные тона и контраст на сайтах - скриншот 5

ночное расширение для браузера - тёмные тона и контраст на сайтах - скриншот 6

Вполне себе тёмненько и даже местами симпатично. Каждый, так сказать, сможет найти себе что-то на свой вкус и просматривать сайты в ночном (тёмном) режиме (или переключаться с них парой кликов мышки или кнопок).

Как наложить цветовой фильтр на сайт и изменить его цветовую гамму

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

ночное расширение для браузера - тёмные тона и контраст на сайтах - скриншот 7

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

Стоит понимать, что если на сайте не используется какой-то цвет, то и фильтроваться он не будет, соответственно, на sonikelf.ru, где в основном синий, подобный фильтр почти не будет играть никакой роли (разве что Вы хотите сделать нас фиолетовым цветом).

В общем, с этим расширением придется немного поиграть для понимания того, как оно работает на самом деле.

Послесловие

Такие вот пироги. Надеюсь, что кому-то это реально пригодится и понравится, ибо автору, как человеку, который бывает работает круглыми сутками (или исключительно ночами), эти плагины браузера (как и F.lux в своё время) сэкономили нещадное количество глаз нервов и здоровья.

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

Оставайтесь с нами ;)

Sonikelf's Project's логотип Sonikelf's Project's логотип Космодамианская наб., 32-34 Россия, Москва (916) 174-8226
Вера

Благодарю Андрей! Очень полезные плагины. Будем пробовать! Глаза надо беречь! =))

Sonikelf

Пожалуйста :) Лишь бы на пользу ;)

Galahad

"turn off the lights" тоже имеет функцию ночного режима, он в чём-то уступает расширению "Резкий контраст" ?

Sonikelf

Разница есть.
Сравните :)

timahvey

Родное приложение для Opera "Dark theme For All Websites"
https://addons.opera.com/ru/extensions/details/dark-theme-for-all-websites/?display=en

timahvey

Simple Night Mode
https://addons.opera.com/ru/extensions/details/simple-night-mode/?display=en

Night Mode Pro
https://addons.opera.com/ru/extensions/details/night-mode-2/?display=en

Последний, на мой вгляд, удобнее всего.

Sonikelf

Глянемс, спасибо

Sonikelf

Благодарствую

Павел

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

Sonikelf

Я сто лет как перешел на Гугл, почитайте блог - https://sonikelf.ru/category/blog/ - там много интересного. Я даже на Вивальди успел посидеть.

ZhekaGT

Классно спасибо!!! Я так давно это искал!!! ЭТО ОЧЕНЬ ВАЖНАЯ.. я просто не дочитал еще, но зная тексты Соника, могу быть уверенным что это именно так.

Sonikelf

Пожалуйста :)

Роман

Давно жду такое расширение, но в Opera не получается установить, для Opera есть такие, заранее благодарю, очень давно жду, только один ютьюб, радует с мэджик расширением

Sonikelf

А какая версия Оперы? По идее должно вставать

Роман

42.0.2393.517 - Используется обновленная версия Opera

Вано

А на мазилу не ставится или я что то не догоняю?

Юрий И

"Dark Background and light text" к примеру.

Вано

А гуглы хромы и оперы у меня вызываю почему то алергию.

skill

Что-нибудь для iOS имеется?

Mahaon

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

VecH

Для Chrome андроида бы такое найти

наталья

Дельная статья. Не замудреная как бывает когда ничего не понятно одни мудрости.

олег

пользуюсь уже давно только change colors

Слава

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

Lizzy

Спасибо, хорошая вещь!)

JaJin

Спасибо большое, очень полезная и необходимая вещь.