Android цвета темной темы

Как реализовать тёмную тему в Android-приложении?

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

Я максимально просто опишу процесс реализации тёмной темы приложения с использованием библиотеки AppCompat из AndroidX.

Прежде чем мы начнём, вот вам совет: если вы работаете над какими-либо новыми проектами, то настоятельно рекомендуется использовать библиотеки из AndroidX. Кроме того, вам следует рассмотреть возможность переноса существующих проектов на AndroidX.

Теперь давайте начнём

Сначала импортируйте последнюю версию AppCompat из AndroidX:

В этой версии AppCompat будут все новые обновления и исправленные ошибки, связанные с тёмной темой.

Затем измените тему своего приложения на Theme.AppCompat.DayNight :

Переходим к коду

Измените текущую тему во время запуска приложения (рекомендуется делать это в классе Application приложения). Начиная с версии 1.1.0-aplha05 этот метод будет применять эти изменения к любой запущенной activity. Изменения также будут сохраняться при всех изменениях конфигурации, поэтому не нужно вызывать метод recreate() .

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

• MODE_NIGHT_NO — устанавливает светлую тему.
• MODE_NIGHT_YES — устанавливает тёмную тему.
• MODE_NIGHT_AUTO_BATTERY — переключается на тёмную тему, если на устройстве включена функция экономии заряда батареи. Этот режим доступен с версии 1.1.0-alpha03 .
• MODE_NIGHT_FOLLOW_SYSTEM — использует системную тему.
• MODE_NIGHT_AUTO_TIME и MODE_NIGHT_AUTO — устанавливает тему в зависимости от времени устройства. Этот режим устарел с версии 1.1.0-alpha03 , поэтому мы не используем его в нашем приложении.

Внутри приложения есть RadioGroup для переключения между различными темами:

Вот как это выглядит на устройстве:

Не забывайте, что функциональность тёмной темы поддерживается только с версии Android Pie (9.0), поэтому вам нужно предусмотреть поведение для предыдущих версий Android:

Проверка текущей темы системы

Фрагмент из нашего приложения:

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

Когда приложение запускается в первый раз, в shared preferences будет неопределённое состояние. В этом случае мы проверим, есть ли у нас тема из конфигурации. Если нет, мы будем использовать светлую тему по умолчанию.

Ещё немного настроек

Если вы хотите использовать пользовательские цвета для тёмной/светлой темы (например, тёмно-синий для тёмной и светло-синий для светлой), то создайте папку values-night и переопределите файл цветов. Также можно переопределить styles.xml и использовать пользовательские атрибуты. Таким образом, приложение всегда будет использовать цвета из values-night , когда включена тёмная тема, и наоборот. Вы также можете подготовить альтернативные ресурсы для тёмной темы. Например, в drawable-night .

Весь исходный код ищите здесь.

Источник

Как включить темную тему на Андроид

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

С какой версии Android темная тема доступна по умолчанию

На данный момент темное оформление доступно на устройствах с Android Pie. Попытки внедрить ночной режим начались со времен Андроид 7.0, однако это не увенчалось успехом. Современная функция способна автоматически включаться и выключаться в зависимости от времени суток.

Совсем недавно компания Google представила Android Q, в котором также будет присутствовать возможность включить черный фон. Но пока об этом говорить рано, так как обычные телефоны смогут обновиться только к началу 2020 года.

Активация темной темы на смартфоне Андроид

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

В настройках на Андроид 9

Для включения темной темы на Андроид 9 сначала запустим настройки, затем:

1. Переходим в раздел «Экран».
2. Листаем вниз и нажимаем «Дополнительно».
3. На открывшейся странице кликаем по пункту «Тема устройства».
4. Из предложенного списка выбираем «Темная».

После выполнения данных действий оформление экрана изменится. Чтобы вернуть дисплею первоначальный вид, проделайте указания инструкции, где в последнем пункте выберите «Светлая».

Использование сторонних приложений

Данный способ является универсальным и подойдет для любой версии операционной системы. Сейчас в Google Play доступно множество приложений, способный реализовать недостающую функцию. С наиболее качественными из них можно ознакомиться ниже.

Черная и серая тема

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

Темная тема Ponder

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

Pure Black Launcher Theme

Довольно удобный лаунчер, отличающийся быстротой и плавностью работы. Для включения темы нужно загрузить на устройство ME Launcher. Сделать это можно самостоятельно, либо нажав кнопку «Загрузить с Google Play» в приложении. После этого поменяйте стандартный лончер на только что установленный. Внешнее оформление рабочего стола должно значительно измениться.

Как включить темную тему в приложениях на Андроиде

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

Google Chrome

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

1. Открываем Chrome на Андроид.
2. В адресную строку вводим запрос chrome://flags.
3. Нажимаем кнопку поиска и попадаем на страницу для разработчиков.
4. Здесь в поиске указываем «Darkmode».
5. Далее под первым пунктом кликаем «Default», где из открывшегося меню выбираем «Enabled».
6. Для вступления изменений в силу нужно перезапустить браузер, нажимаем «RelaunchNow».
7. Затем нажимаем на «три точки», расположенные в правом углу экрана.
8. Теперь выбираем «Настройки», после «Темы».
9. Здесь устанавливаем параметр «Темная».

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

Яндекс Браузере

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

1. Через Yandex Browser заходим в Интернет-магазин расширенийChrome. Для этого достаточно ввести одноименный запрос в поисковую строку.
2. Далее переходим на страницу с расширением «Care your Eyes» и нажимаем кнопку «Установить».
3. Подтверждаем загрузку дополнения.

Теперь оформление браузера и всех посещаемых сайтов изменилось на темное. Обратно вернуть светлый фон можно простым удалением расширения. Для этого перейдите на страницу с дополнением и кликните «Удалить из Chrome».

ВКонтакте

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

1. Запускаем приложение «ВКонтакте».
2. Нажимаем на «три полоски», расположенные в правом нижнем углу дисплея.
3. Кликаем по «шестеренке» вверху экрана.
4. После переводим ползунок напротив строки «Темная тема».

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

Instagram

Разработчики Инстаграма пока не внедрили в официальное приложение черный фон. Из-за этого приходится искать альтернативы на просторах Google Play. Сейчас единственной утилитой такого формата является Dark Mode Theme For Instagram. Это сторонняя программа, являющаяся аналогом официального приложения Instagram.

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

1. Устанавливаем дополнение.
2. Кликаем «Accept», что означает согласие с политикой конфиденциальности сервиса.
3. Проходим авторизацию с использованием данных от собственной учетной записи.

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

YouTube

Первым делом запустим мобильное приложение, затем:

1. Нажимаем по иконке учетной записи, расположенной в правом верху экрана.
2. Теперь переходим во вкладку «Настройки».
3. Здесь выбираем пункт «Общие».
4. В открывшемся окне переводим ползунок возле строки «Ночной режим».

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

WhatsApp

Темная тема в ватсап активируется довольно легко. Сначала запустим мобильное приложение и при необходимости пройдем авторизацию. После этого:

1. Кликаем на «три точки», расположенные в правом углу дисплея.
2. Из открывшегося списка выбираем «Настройки».
3. Теперь переходим во вкладку «Чаты».
4. Затем заходим в раздел «Обои».
5. Система предложит перечень вариантов, из которых нужно выбрать «Сплошной цвет».
6. Далее кликаем по черному фону и нажимаем «Установить».

Как видите, сделать черную тему в WhatsApp на Андроид удалось за несколько кликов. Обратите внимание, что измениться только оформление чата, но никак не самого приложения.

Видео-инструкция

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

Источник

Найден секретный способ включить темную тему во всех приложениях

Секретный способ принудительно включить темный режим сразу во всех приложениях

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

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

После того как вы перешли в меню разработчика, найдите здесь пункт «Аппаратное ускорение отрисовки» и активируйте «Принудительный ночной режим» с помощью переключателя.

Затем вернитесь в настройки телефона, выберите пункт «Дисплей» и нажмите на переключатель напротив пункта «Режим затемнения».

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

Режим инверсии цветов

Если в вашей версии Android нет возможности управлять темами интерфейса, то вам можно воспользоваться еще одним универсальным способом — режимом инверсии цветов. Эта функция находится в меню «Специальные возможности» телефона и позволяет преобразовать цвета интерфейса устройства во всех приложениях и медиафайлах на противоположные. У данного режима есть один существенный нюанс — после его включения все цвета на фотографиях и в видеофайлах будут выглядеть как на негативе фотопленки.

Для его активации перейдите в Настройки → Специальные возможности → Средства улучшения видимости → Инверсия цвета.

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

Как включить темную тему через магазин тем

Перевести интерфейс операционной системы Android в темный режим можно и через пункт «Темы» в настройках вашего телефона.

Покажем как это сделать на примере магазина тем «Galaxy Themes» от Samsung.

Перейдите в Настройки → Темы.

Здесь вам будет предложено скачать множество как платных, так и бесплатных тем на любой вкус. Среди них есть и темные темы.

Для того чтобы бесплатно установить тёмную тему на свое устройство, находясь на главном экране, перейдите в пункт меню «Топ», затем выберите бесплатные темы и найдите среди представленных ту, которая вам больше всего подходит. После чего нажмите на кнопку «Загрузить».

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

Включение темной темы через стороннее приложение

Чтобы применить темную тему к интерфейсу системы и приложений, можно также воспользоваться сторонними приложениями из Play Маркет. Откройте приложение Play Маркет на вашем телефоне и наберите в поиске словосочетание «Темная тема».

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

Способ активировать темную тему в Google Chrome

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

В браузере Google Chrome есть два способа активировать темную тему: В настройках браузера и через меню Flags.

Способ № 1 Включение через настройки браузера

Откройте браузер Google Chrome, нажмите на меню «Опции» (три точки в верхнем правом углу экрана браузера) и перейдите в настройки, а затем выберите пункт «Тема».

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

Способ № 2 Включение через скрытое Меню Flags

Если после включения темной темы через настройки, браузер по-прежнему открывает некоторые страницы в светлых цветах, можно принудительно включить темную тему через скрытое меню «Флаги». Для этого введите в адресной строке гугл хром значение: chrome://flags.

Затем в открывшемся меню «Experiments» начните вводить слово «Dark», чтобы найти пункт «Force Dark Mode for Web Contents» (или сразу введите в адресной строке значение chrome://flags/#enable-Force-Dark-Mode-for-Web-Contents). После этого смените в его выпадающем меню пункт «Default» на «Enable» и нажмите на кнопку «Relaunch» в нижней левой части экрана, чтобы изменения вступили в силу.

Настройка темной темы в приложениях

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

Telegram

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

VK

Для того, чтобы включить темную тему в приложении «ВКонтакте», перейдите в свой профиль → Настройки → Внешний вид → Темы.

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

Instagram

По аналогии с приложением VK, перейдите в свой профиль → Настройки → Тема → Темная.

Заключение

Кроме очевидных технических преимуществ темного режима, повышающих время работы устройства и улучшающих читаемость текста, не стоит забывать и про главное. Для многих темная тема — это еще одно стильное решение, которое призвано подчеркнуть минимализм в деталях и позволяет взглянуть на привычные вещи под другим углом. В любом случае решение о том переходить ли на «темную сторону», следуя всеобщему тренду, или остаться на «светлой» зависит только от ваших личных предпочтений.

Источник