Как настроить dark reader

Обновлено: 05.07.2024

Всем доброго времени суток! Неважно день у вас или ночь, но сейчас мы поговорим о специальной настройке для браузера Chrome и его "производных" (любых других браузеров на движке Blink), которая позволит создавать на лету специальную темную (ночную) тему под любую страничку в интернете.

Чтобы вы знали, разработчикам приложений для смартфонов приходится добавлять темную тему самостоятельно (когда функция переключения с ночной темы на дневную доступна из меню приложения на любой версии ОС), либо через API - когда задействуется системный фильтр и уже посредством вашей iOS или Android, интерфейс программы окрашивается в "ночную" тему. " Dark Reader " и есть этот самый "системный фильтр" - только для вашего браузера.

Dark Reader

Любой сайт можно будет "перекрасить" по-своему вкусу. Делается без вашего участия через алгоритмы Dark Reader. Любой сайт можно будет "перекрасить" по-своему вкусу. Делается без вашего участия через алгоритмы Dark Reader.

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

динамический анализ содержимого сайта для определения стиля, расположения блоков, наличия векторной графики и изображений для наилучшей визуализации интернет-страниц на вашем экране - это основной режим работыDark Reader ;
режим генерации тем для отдельных сайтов (это не просто применение CSS-фильтров, при желании вы можете отображение каждого сайта настроить под себя);
возможность включить обводку текста;
специальные SVG-фильтры для улучшения цвета, что в свою очередь делает фотографии и изображения на странице естественными (более светлыми и живыми)

Dark Reader работает в двух режимах: быстром (без рендеринга) и "классическом", когда используется аппаратное ускорение. То-есть ночной режим будет доступен как на бюджетных устройствах, так и на средних ПК. Надо понимать, что "быстрый" режим замедляет загрузку страниц, а в "классическом" все работает как надо.

Dark Reader распространяется совершенно бесплатно и программа полностью переведена на русский язык. Ссылка для загрузки ниже 👇

Подписывайтесь на мой канал. Здесь очень много годноты, различных видеороликов и, в первую очередь, - это независимый авторский блог. Никакой рекламы и прочей мишуры, я пишу только то, что хочу. О том, что интересно мне. Если наши взгляды совпадают, милости просим на огонек. Спасибо за внимание 👍

Этот документ расскажет вам об основных возможностях Дарк Ридера.

Верхняя секция

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

Настройки фильтра

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

Настройки для определенного сайта

Кнопка Только для применяет настройки только для текущего сайта.

Нажмите на кнопку, отредактируйте настройки, нажмите еще раз для отмены.

Список сайтов

Вкладка Ещё

Режимы генерации тем

Фильтр – Изначальный режим в Dark Reader основанный на CSS фильтрах. Он инвертирует всю страницу и реверсирует определенные части назад. Требователен к графическому процессору.
*Быстрый**, но имеет некоторые недостатки: отключает технологию субпиксельного рендеринга, инвертирует тёмные участки в светлые, замедляет работу браузера на больших страницах, не отрисовывает некоторые страницы в Firefox.
Фильтр+ – тот же, что и Фильтр, но основан на специальных SVG фильтрах которые лучше обрабатывают цвета делая картинки менее тусклыми. Плохо работает в Firefox.
Статический – мгновенно генерирует простую тему.
Dynamic – анализирует стили текущей веб-страницы, фоновые картинки, векторную графику. Требует больше ресурсов при начальной загрузке страницы, но выдаёт наилучшие визуальные результаты. Работа над этим режимом в процессе, но он уже отлично работает на большинстве современных сайтов.

Нижняя секция

Использование Инструментов разработчика

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

Часто задаваемые вопросы

Расширение просит права на чтение посещаемых сайтов

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

У расширения нет прав доступа к этим страницам.

Новая вкладка и тема браузера остаются светлыми

Расширение не имеет доступа к новой вкладке и теме браузера (может менять тему браузера начиная с Firefox 60). Установите тёмную тему либо расширение, заменяющее новую вкладку, в магазине расширений.

Белые вспышки происходят при переходе на новую вкладку или открытии веб-сайта

Перед загрузкой веб-сайта Chrome по-умолчанию показывает фоновый цвет текущей темы, поэтому вам следует установить тёмную тему из магазина расширений.

Расширение вообще не работает

Если у вас установлены подобные расширения с тёмным режимом, отключите их, перезагрузите вкладки. Нажмите значок Dark Reader, убедитесь что кнопка в правом верхнем углу установлена в положении Вкл. Откройте вкладку Список сайтов, проверьте, что выбрано Не инвертировать. Если ничего не помогает, значит всё совсем плохо, напишите нам на e-mail.

Сайт отображается некорректно или работает медленно

Пожалуйста, пришлите адрес сайта, скриншот, версии операционной системы и браузера на наш e-mail. Мы постараемся определить причину, по крайней мере для популярного веб-сайта. Также попробуйте изменить режим генерации тем или попробуйте использовать Светлый режим. Проверьте, что сайт отсутствует в Списке сайтов.

Расширение не работает в режиме инкогнито

Откройте страницу chrome://extensions, найдите Dark Reader, нажмите Разрешить использование в режиме инкогнито.

Расширение не работает для локальных файлов

Откройте страницу chrome://extensions, найдите Dark Reader, нажмите Разрешить открывать локальные файлы по ссылкам.

Сайт совсем не отображается в режиме Фильтр

Если вы пользователь Chrome на Mac OS, обновите Mac OS до версии 10.13, это должно обновить видео драйверы. Если вы пользователь Firefox, вероятно это баг браузера, используйте другой режим для таких сайтов.

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

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

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

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

Расширение Dark Reader для Chrome и Firefox

Dark Reader - это бесплатное расширение для браузера, доступное для Google Chrome и Mozilla Firefox. Он позволяет применять темную цветовую схему к любому веб-сайту, чтобы вы могли наслаждаться просмотром любимых веб-сайтов ночью или в темноте. Расширение доступно в соответствующих магазинах расширений и может быть быстро установлено в любой из браузеров, упомянутых выше.

Для этого обзора мы установили расширение в Google Chrome и протестировали его на различных веб-сайтах. Расширение довольно простое и удобное в использовании. После установки вы можете быстро переключиться в темный режим для любого веб-сайта.

Включить Dark Mode на любом сайте

Чтобы включить расширение, нажмите значок «Dark Reader» рядом с адресной строкой и нажмите кнопку переключения. Или вы можете использовать Alt + Shift + D для быстрого включения / выключения темного режима. После включения все веб-сайты будут представлены вам в соответствующих темных режимах. Это довольно интеллектуальное расширение, и оно хорошо работает с большинством веб-сайтов.

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

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

Вы также можете добавить обводку к тексту, регулируя ползунок "Обводка текста". Также Dark Reader поставляется с четырьмя различными режимами генерации тем.

Dark Reader - обязательное расширение для браузера, если вы большой поклонник темных тем. Это приятное и простое в использовании расширение для браузера, которое предлагает множество функций. Как только вы привыкнете к этому дополнению, вы можете использовать горячие клавиши для быстрого выполнения действий и переключения между темными и светлыми цветовыми режимами. Нажмите Здесь, чтобы скачать Dark Reader.