Черные темы для андроид

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

Opera

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

Vivaldi

Не очень распространённый браузер, однако он действительно достоин внимания. Главным преимуществом этого интернет-обозревателя является нативная блокировка рекламы, которая работает без подгрузки рекламных блоков. Также предлагается удобная синхронизация с разными устройствами. И ещё интересная вещь – пользователь может создавать заметки, не открывая блокнота, в самом браузере. Есть приватный режим, а также управление жестами и удобное создание скриншотов, как страниц целиком, так и выбранной области. Для включения тёмной темы заходим в меню, настройки, темы. В некоторых случаях нужно поставить галку в чекбоксе, в других – передвинуть переключатель.

Браузер Samsung

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

Firefox

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

Via Browser

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

Banana Browser

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

Chrome

Этот браузер самый распространённый, и не только потому, что это творение Google, он ещё очень функциональный. Для включения тёмной темы набираем адрес Chrome://flags, в настройках в открывшимся в окне находим строку с dark mode, и переводим эту строку в Enabled. После перезапуска браузера у вас будет тёмная тема, которая все страницы будет отображать на тёмном фоне. Для того, чтобы значки и интерфейс стал тёмным, нужно в настройках выбрать темы, и там переключить на тёмную.

О том, как настроить DayNight тему в приложении андроид, которая устанавливает темную или светлую тему оформления вашего приложения на основе времени суток и текущего местоположения

Мы уже писали, что вышла новая библиотека поддержки Android Support Library 23.2. Новая либа добавляет сразу несколько интересных вещей: это и поддержка векторных изображений в android ниже 5.0, и новые элементы материального дизайна, такие как Bottom Sheets.

Одна из фишек — новая тема DayNight с поддержкой автоматического переключения между светлой и темной темой оформления в зависимости от времени суток. Ее то мы сегодня и потестируем.

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

Theme.AppCompat.DayNight — это переключение между Theme.AppCompat (темной) и Theme.AppCompat.Light (светлой) на основе времени суток. Это имеет много преимуществ для пользователей, особенно если у вас content app . Эта функция работает на API v14 и выше, на младших версиях будет по умолчанию светлая тема.

Как использовать Theme.AppCompat.DayNight ?

Просто унаследуйте вашу тему от одного из вариантов DayNight в файле res/values/styles.xml:

1
2
3

<style name=»MyTheme» parent=»Theme.AppCompat.DayNight»>
<!— … —>
</style>

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

  • MODE_NIGHT_NO. Всегда используется дневная тема (светлая).
  • MODE_NIGHT_YES. Всегда используется ночная тема (темная).
  • MODE_NIGHT_AUTO. Автоматическое изменение между светлой/темной, в зависимости от времени суток.
  • MODE_NIGHT_FOLLOW_SYSTEM (по умолчанию). Это системный параметр, который является по существу MODE_NIGHT_NO на момент написания (подробнее об этом ниже).

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

1
2
3
4

static {
AppCompatDelegate.setDefaultNightMode(
AppCompatDelegate.MODE_NIGHT_…);
}

Метод setLocalNightMode()

Можно переопределить значение по умолчанию в каждом компоненте путем вызова его AppCompatDelegate setLocalNightMode(). Это удобно, когда вы знаете, что только некоторые компоненты должны использовать функцию DayNight, или для тестирования, чтобы не сидеть и ждать ночи для проверки макета.

Обратите внимание, что этот вызов не заботится о восстановлении, если изменить режим ночь после любого вызова inflate(), он не будет иметь никакого эффекта. В этом случае можно использовать вызов recreate():

Как проверить, какой режим может использовать мое приложение?

Просто проверьте конфигурацию ресурсов:

Если приложение выглядит странно

Например, текст нечитабельный или иконки неправильного цвета.

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

Возьмите за правило для этих вещей всегда использовать атрибуты темы, по возможности. Вот наиболее важные:

  • ?android:attr/textColorPrimary — Цвет текста общего назначения. Будет черным для светлой темы, и белым для темной темы.
  • ?attr/colorControlNormal — Цвет значка общего назначения.

WebView

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

Местоположение

Чтобы иметь возможность рассчитать корректное переключение между днем или ночью, нам нужно знать ваше местоположение. Если ваше приложение уже имеет разрешения для определения местоположения, AppCompat будет попытаться захватить последнее известное местоположение от LocationManager и использовать их для вычисления времени восхода и захода солнца. Однако он не будет просить разрешения от вашего имени.
Если вы не установили эти разрешения (или просто нет последнего известного местоположения), в настоящее время используются некоторые фиксированные значения. Например это 6 утра (начало дня) и 10 вечера (начало ночи), но это может измениться в будущем, по словам разработчиков.
Если вы ориентируетесь на Android SDK версии 23, вы будете использовать разрешения времени выполнения. Можно реализовать в вашем приложении настройку, позволяя пользователю выбрать включение функциональности DayNight. Это хороший способ, чтобы запрашивать разрешения определения местоположения, если требуется высокая точность определения времени восхода/заката.

Почему просто не сделать AUTO по умолчанию?

Существует несколько причин, которые станут понятны после просмотра примерного сценария для использования этого:

  1. Изменить тему продления от Theme.AppCompat.DayNight.
  2. Добавить установку в вашем приложении, предоставив пользователю выбор. На этом этапе сохранить настройки (вероятно, в SharedPreference). Вызов setDefaultNightMode () с выбранным значением.

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

Таким образом, основная причина заключается в том , не желательно, чтобы ваш пользователь обновил приложение, и вдруг обнаружил , что оно меняет цвет случайным образом (для него) на основе времени суток. Кроме того, по умолчанию MODE_NIGHT_FOLLOW_SYSTEM, поэтому если разработчики добавят user-visible setting на платформу в будущем, AppCompat будет автоматически использовать его.

Можно ли использовать свои собственные ресурсы для темы день / ночь?

Да, можно. AppCompat в простых терминах просто позволяет использовать отдельные ресурсы ночного режима в любое время. Они на самом деле были доступны в платформе, начиная с API 8, но использовались только в очень конкретном сценарии: в режиме автомобиля и стыковки.

Так что под капотом Theme.AppCompat.DayNight просто реализован в таком виде:

1
2

<style name=»Theme.AppCompat.DayNight»
parent=»Theme.AppCompat.Light» />

Если ещё не заметили, в последнее время мир захлестнула маниакальная мода на тёмный дизайн в темах оформления программ, в лаунчерах для Андроид, на сайтах… даже в Microsoft ребята проснулись и в осеннем обновлении Windows 10 (October 2018 Update) включили тёмный фон в Проводнике.

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

Тёмная тема для браузера Google Chrome и Mozilla Firefox

Как наверняка знаете, во всех обозревателях сети Интернет внешний вид меняется с помощью тем оформления. В этом нет никакого секрета и сложности — буквально за пару кликов компьютерной мышки легко и быстро включается темная тема для браузера в Google Chrome и Mozilla Firefox.

Таких тёмных тем великое множество в родных магазинах расширений и дополнений этих просмотрщиков сети, но далеко не все могут понравятся и подойти (помните шутку про перламутровые пуговички?). Искал подходящую мне тёмную тему для Google Chrome очень долго.

В одной теме мне не понравился оттенок чёрного, другая была какая-то слишком серая и скучная, в третьей было не видно активную вкладку, в четвёртой пропадала кнопка открытия новой вкладки…

Лично мне понравилась тёмная тема для браузера Google Chrome под названием Explorer Dark…

Скачать тёмную тему Explorer Dark для Google Chrome можно абсолютно бесплатно из Интернет-магазина Chrome.

Вернуться к стандартному оформлению самого популярного браузера в мире всегда можно через его настройки…

С Mozilla Firefox всё ещё проще — заходите в «Дополнения» через меню браузера и во вкладке «Темы» включаете уже встроенную по умолчанию тёмную тему…

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

Как сделать тёмным любой сайт — Dark Reader

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

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

Остановился на затемняющем сайты расширении под названием Dark Reader. Оно мне понравилось понятным языком интерфейса, простотой и функциональностью. Кроме того, оно умеет легко менять шрифты на сайтах и включать их сглаживание — очень отличная дополнительная фича.

Итак, скачать расширение Dark Reader, чтоб сделать тёмным любой сайт (почти в любом браузере), сможете перейдя на официальный ресурс его автора…

Предназначение: Бесплатное расширение для браузеров способное включить темную тему для любого сайта
Название программы: Dark Reader
Производитель (автор): felixonmars
Статус: Бесплатно
Категория: Интернет
Размер инсталлятора (архива): 645 кб
Поддержка ОС: Windows XP,7,8,10
Язык интерфейса: Английский, Русский…
Безопасность: Вирусов нет
Похожие программы:
Ссылка на инсталлятор/сайт:

Не забываем, что большинство браузеров (клонов) используют движки первых двух обозревателей, поэтому и соответствующее расширение Dark Reader можно использовать в них совершенно запросто.

Активировать тёмный режим (ночной) для любых сайтов можно «горячими клавишами» Alt + Shift + D или переключателем в самом расширении.

Но так умеют все подобные расширения, чем же Dark Reader отличается от них, кроме языка интерфейса? Смотрим, что ещё умеет Dark Reader…

  1. Можно включать ночной режим выборочно, для определённых сайтов
  2. Расширенная поддержка «горячих клавиш»
  3. Возможность изменять яркость, контрастность, оттенки серого…
  4. Легко и просто менять шрифты на сайтах
  5. Активировать и регулировать обводку шрифтов

Визуализируем перечисленное выше…

Это кнопка быстрого переключения режима для определённого сайта (с поддержкой личных «горячих клавиш» )…

Заносим сайт в исключения…

Используем различные фильтра…

Меняем шрифт на сайтах…

Включаем обводку (сглаживание) выбранного выше текста…

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

Подобным образом можно настроить не только тёмный режим на сайтах, но и светлый.

Если остались вопросы по данному шикарному расширению для затемнения любых сайтов — милости просим на справочную страницу Dark Reader. Там получите ответ на любой вопрос или сможете связаться с автором.

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

ПОЛЕЗНОЕ ВИДЕО

4 / 5 ( 13 голосов )

svengaliУверенный пользователь трех домашних ПК с многолетним опытом, «компьютерщик» для всех родственников, соседей и знакомых, в течении 11-ти лет автор более тысячи обзоров интересных и полезных программ для компьютера на собственном софтовом блоге OptimaKomp.RU

С Уважением, Сергей Трофимов (не певец) 🙂

История моего Никнейма (Svengali)

Дата публикации (обновления): 08.02.2021

Я только обозреваю программы!

Любые претензии — к их производителям!

Все комментарии проходят модерацию

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

Уже более 8-ми тысяч читателей подписалось — присоединяйтесь! 😉

Оставить комментарий

Ваш адрес email не будет опубликован. Обязательные поля помечены *