Браузер с ночным режимом

Обновлено: 05.07.2024

G.lux — это неофициальный клон популярного десктопного приложения F.lux. Оно умеет изменять цветовую температуру монитора в зависимости от времени суток. Делается это для того, чтобы сберечь наши глаза и устранить из излучаемого спектра возбуждающие человеческий мозг оттенки. Расширение G.lux делает совершенно то же самое, но в рамках браузера Google Chrome.

Lullaby

Данное расширение пригодится тем пользователям, которые используют один из популярных онлайновых музыкальных сервисов, чтобы послушать приятную мелодию перед сном. Ни один из них не имеет функции таймера сна, поэтому если вы заснёте, то музыка так и будет играть целую ночь. Lullaby умеет автоматически останавливать воспроизведение треков на 8tracks, Google Music, Pandora и других стриминговых сайтах.

Screen Shader

Ещё одно расширение, которое призвано побеспокоиться о здоровье наших глаз. В обычном режиме экраны электронных устройств излучают преимущественно в синем и белом спектре, что при использовании в ночное время может привести к перевозбуждению мозга и потере сна. Поэтому расширение Screen Shader накладывает в тёмное время суток на картинку щадящий оранжево-красный фильтр, делая работу за компьютером менее вредной. Если не можете отказаться от ночного сёрфинга, то используйте, по крайней мере, это расширение.



Goodnight Chrome

Несмотря на поздний час, никак не можете прекратить втыкать в Facebook, Pinterest, YouTube? Не можете уложить своего ребёнка, который завис в интернете? Тогда это расширение для вас! Просто установите в браузер Goodnight Chrome, задайте дни и время отключения, и оно автоматически заблокирует вам доступ к Сети в назначенное время.

Sleeper

А как вы справляетесь с бессмысленными зависаниями в Сети в ночное время?

Firefox

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

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


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



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

Chrome

У Chrome, в отличие от Firefox, нет встроенной тёмной темы. Но вы легко можете установить стороннюю из Chrome Web Store. Вот список лучших тёмных тем, рекомендованных Chrome Web Store. В качестве примера мы использовали Material Simple Dark Grey, как самую простую и минималистичную.



Если вам понадобится вернуть дневную тему, откройте «Меню» → «Настройки», прокрутите до раздела «Внешний вид» и нажмите «Сбросить». К сожалению, способа быстро переключаться между светлым и тёмным оформлением в Chrome нет.

Поменять же цвет содержимого веб-страниц поможет одно из этих расширений, доступных как в Chrome, так и в Firefox.





Opera

У браузера Opera имеется встроенная тёмная тема. Откройте «Простую настройку» на экспресс-панели. В разделе «Темы оформления» нажмите «Тёмная».

Изменить цвет содержимого страниц в браузере можно с помощью расширения Dark Mode.


Safari

Safari использует общую тему оформления с macOS. В macOS Mojave стало возможным переводить всю систему в «Ночной режим».

Но, как и в остальных браузерах, при активации тёмной темы цвет содержимого сайтов останется неизменным. Чтобы приспособить страницы для чтения в темноте, установите расширение Turn Off the Lights. Оно не только делает просмотр YouTube более комфортным, но и имеет ночной режим, который можно активировать в настройках. Найдите раздел «Ночной режим» и активируйте опцию «Показать переключатель ночного режима под веб-страницей», чтобы затемнять или осветлять страницы. Есть возможность настроить эту функцию так, чтобы она включалась автоматически в заданное время суток. Правда, некоторые сайты в ночном режиме Turn Off the Lights отображаются некорректно.


Ещё одно решение – использовать платное расширение Dark Reader for Safari из AppStore. Оно стоит 4,99 доллара.


Цена: 449,00 рублей

В Edge есть встроенная тёмная тема, которую можно активировать через боковое меню. Откройте «Меню» → «Параметры» и выберите тёмную тему.

Изменить содержимое страниц может то же Turn Off the Lights (в Edge оно работает чуть лучше, чем в Safari). Но сначала нужно настроить расширение, чтобы оно отображало специальный переключатель в нижнем левом углу экрана. Для этого откройте его настройки, перейдите в раздел «Ночной режим» и включите опцию «Показать переключатель ночного режима под веб-страницей».

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

color

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

Послесловие

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

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

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

Белов Андрей (Sonikelf) Заметки Сис.Админа [Sonikelf's Project's] Космодамианская наб., 32-34 Россия, Москва (916) 174-8226

Темная тема для всех сайтов и приложений — как включить

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

Темная тема в мобильных мессенджерах

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

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


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


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




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


WhatsApp. Как и другие мессенджеры, это приложение предлагает возможность сменить тему. Настройки минимальные и включают только «светлую» и «темную» темы.


Темная тема в браузере: стандартные настройки

Многие из пользователей проводят львиную долю времени, работая за ноутбуком или ПК. Если вас раздражает яркое оформление, то темную тему можно выставить и в браузере. Это касается именно интерфейса, а не оформления конкретных сайтов. О последнем мы поговорим позже.

Google Chrome. Стандартно в настройках Chrome нельзя менять темы оформления, поэтому их придется устанавливать в качестве дополнений через фирменный магазин. Команда разработчиков предлагает несколько вариантов, в числе которых JustBlack, а также нечто среднее между светлой и темной темой — Slate.

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


Если никакие дополнения устанавливать не хочется, то можно включить темный режим через настройки ярлыка. Для этого в поле объекта после пути необходимо дописать «-force-dark-mode —enable-features=WebUIDarkMode», как это показано на изображении.


В браузере автоматически включится темная тема, которая также коснется и стартовой страницы Google.


Opera. Далеко ходить в этом браузере не придется — достаточно открыть настройки в правой части окна. Выбор темы находится в самом верху и затрагивает весь интерфейс браузера.


Firefox. Здесь вам необходимо через настройки перейти в блок «Темы», где разработчики предлагают без дополнительного скачивания несколько стандартных вариантов. В их числе и темное оформление, которое необходимо только включить.


К сожалению, темы не изменяют внутренние окна настроек браузера.

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

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

Что делать, если вы хотите затемнить интерфейс различных сайтов? В случае с некоторыми мессенджерами, это можно сделать через стандартные настройки. Например, сменить тему можно в браузерных версиях 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 легко решает эту проблему.


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

Читайте также: