статьи

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

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

Мы уже говорили с Вами о таких замечательных вещах, как автоматическое изменение яркости монитора с помощью 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 логотип Космодамианская наб., 32-34 Россия, Москва (916) 174-8226
  • Такие дела :)

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

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

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

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

    • 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

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

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

  • ответить
    Павел

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

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

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

  • ответить
    Роман

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

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

      • ответить
        Роман

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

        • У меня на портабл встала.. Но версия другая.
          Тем не менее, там выше еще ссылки давали, посмотрите их.

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

    • Да, читайте описание :) У Firefox должны быть свои расширения. Наверное

    • ответить
      Юрий И

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

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

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

    • Должно иметься, но подсказать не могу, т.к девайсов под рукой этих нет

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

    • Ага, а еще по клику выключается :)

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

    • Надо поискать, но пока там спасают всякие понижалки яркости

  • ответить
    наталья

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

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

  • ответить
    Слава

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

    • Зависит от мощности машины. У меня вроде всё нормально, даже на ноуте.
      Как вариант попробуйте f.lux - https://sonikelf.ru/avtomaticheskoe-izmenenie-yarkosti-monitora-v-zavisimosti-ot-vremeni-sutok-f-lux/ - не совсем то, но работать может быстрее

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

 

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