Темная тема в хроме на андроид


Как включить темную тему для веб-страниц и всего интерфейса в Chrome для Android (Обновлено)

X

Использовать Google поиск

29.08.2019

Оригинал статьи от 27.02.2019: Некоторое время назад мы сообщали вам о том, что компания Google планирует внедрить темную тему для содержимого веб-страниц в своем фирменном браузере Chrome для Android.

 

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

 

Нововведение уже доступно пользователям тестовой (нестабильной) версии Chrome Canary, где для его активации вам нужно соответствующим образом изменить один из скрытых флагов экспериментальных настроек. Как это сделать?

 

Как включить темную тему для веб-страниц в Chrome для Android

 

1. Перейдите в браузере на страницу со следующим адресом (набрав его в адресной строке):

 

chrome://flags/#enable-android-web-contents-dark-mode

 

или перейти в раздел экспериментальных настроек chrome://flags/ и в строке поиска наберите dark, после чего вы увидите  пункт (флаг) с наименованием Аndroid web contents dark mode

2. Нажмите на кнопку с всплывающим меню с надписью «Default»

3. В открывшемся меню выберите пункт «Enabled»

 

4. Перезапустите браузер, нажав на появившуюся внизу кнопку «Relaunch Now»

 

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

 

Скачать Chrome Canary вы можете с этой страницы Google Play Маркет 

 

источник

Добавлено 01. 01.2019:

 

В стабильной версии Chrome 74 для Android появился новый флаг, отвечающий за темную тему интерфейса самого браузера. Его наименование: Android Chrome UI dark mode, а активировать его можно по следующему адресу:

 

 chrome://flags#enable-android-chrome-ui-dark-mode

 

Флаг, который отвечает за активацию темной темы на веб-страницах остался прежним и называется Android web contents dark mode 

Добавлено 06.08.2019:

В новую версию браузера Chrome 77 был добавлен новый флаг, который предназначен для того, чтобы включать темную тему для веб-страниц на сайтах, которые вы открываете с помощью этого браузера Это флаг вы можете открыть по адресу chrome://flags и в строке поиска набрав Force Dark Mode for Web Contents

Включите его, выбрав в меню "Enabled" и перезапустите браузер, нажав на появившуюся внизу кнопку «Relaunch Now»

В настоящий момент речь идет о нестабильной версии Chrome Canary, которая обновилась до версии 77 и в каком виде этот флаг будет иметься в стабильной версии браузера и будет ли он там вообще, пока неизвестно.

 

Добавлено 29.08.2019:

 

Вскоре мы получим возможность включать/выключать темную тему в фирменном браузере Google с помощью переключателя, который появится в меню настроек приложения, в разделе управления темами оформления:

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

 

источник


Похожие материалы:

Темная тема в браузере Chrome для Android будет также затемнять и веб-страницы

Как добавить более 100 уникальных тем в клавиатуру Gboard [Root]

MIUI 10 Global. В международной версии прошивки Xiaomi появилась темная тема

Приложения для Android. Клавиатура SwiftKey Beta обновилась и теперь умеет раскрашивать панель навигации в основной цвет своей темы оформления

Теги:

  • chrome
  • google
  • браузер
  • советы и подсказки

Свежие материалы:

Honor X5. Смартфон начального уровня с процессором MediaTek Helio G25 на борту

Xiaomi Pad 6 и Xiaomi Pad 6 Pro. Технические характеристики планшетов просочились в сеть

Lenovo Tab M9. Девятидюймовый Android планшет с IPS дисплеем и процессором Helio G80 за 169 долларов

Купить Redmi Note 12 Pro+ за пределами Китая можно будет уже в начале следующего года. Цена: $300 и выше

Oukitel RT3. Защищенный планшет с восьмидюймовым экраном способный работать в экстремальных условиях и сертифицированный по военному стандарту

Honda Accord Touring 2023. Первый автомобиль Honda с Android Automotive на борту

Realme 10s. Экран с частотой 90 Гц, чип MediaTek Dimensity 810, 50-Мп камера и быстрая зарядка мощностью 33 Вт за 155 долларов

Google Matter — новый стандарт умного дома уже поддерживается Android устройствами и экосистемой Google Home

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

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

Opera

Кроме интересующего нас темного режима оформления, данный браузер может предоставить пользователям немало интересных опций. Так, здесь есть встроенные VPN и блокировщик рекламы, персонализированная лента новостей и более-менее привычное сохранение паролей. Браузер известен публике давно, имеет версии под разные операционные системы и позволяет их синхронизировать.
Чтобы воспользоваться темной темой оформления, вы должны будете активировать Ночной режим и выбрать здесь соответствующие настройки. Удобно, что включать его можно по расписанию, например, только в ночное время, и выбирать более теплые цвета — это снижает контрастность изображения и, как следствие, нагрузку на глаза.

Google Play

Браузер Vivaldi с блокировкой рекламы

Данный обозреватель нечасто фигурирует в наших подборках, но и он достоин внимания. Как уже ясно из названия, одним из своих ключевых преимуществ Vivaldi называет блокировку рекламы. Среди других интересных опций — синхронизация между устройствами, возможность создавать заметки прямо в браузере, продвинутый приватный режим, жестовое управление и многое другое. Также здесь предусмотрена собственная система создания скриншотов, в том числе, целых страниц и быстрый выбор желаемой поисковой системы.
Тем оформления немного, только темная и светлая. Чтобы активировать первую, переходим в Меню (оно отмечено буквой “V”), выбираем “Настройки” — “Темы”, где и ставим нужные галочку и переключатель.

Google Play

Samsung Internet Browser

Даже если вы не используете смартфоны Samsung, ничего не мешает вам пользоваться их программным обеспечением, тем более, что данный браузер достоин вашего внимания. По сути, здесь есть все, что нужно современному браузеру: отслеживание и блокировка трекинга, блокировка рекламы, удобное управление и отображение вкладок, кастомизируемое меню и плагины, расширяющие функциональность браузера.
Что до темного режима, он включается буквально в пару кликов: переходим в основное Меню (отмечено тремя вертикальными точками) и выбираем “Включить ночной режим”. Все, больше никаких сложных настроек, программа сама сделает все за вас.

Google Play

Firefox Бета для Android

Стабильная версия данного браузера также пока не обзавелась темной темой, но можно попробовать ее в виде плагина Dark Reader, доступного бесплатно. Данное расширение доступно для всех версий огненного лиса, но мы рекомендуем именно бета-версию, так как в ней, по сравнению со стабильной, есть темное оформление интерфейса. Если же вы захотите установить Dark Reader в стабильный Firefox, вы получите тот же эффект но с белыми кнопками, адресной строкой и другими элементами, что может быть неприятно в работе.
Также плагин Dark Reader можно использовать в Tor Browser.
Что до прочих функций, продукт Mozilla в особом представлении не нуждается. Здесь есть все, что нужно современному браузеру, плюс система дополнений, расширяющих базовые возможности. Обозреватель можно гибко настроить под свои нужды и синхронизировать его с настольной версией.

Google Play

Via Browser

Если до сих пор мы говорили о продуктах довольно известных, то теперь давайте затронем менее именитые.
Via Browser — простое и лаконичное решение, не отягощенное опциями сомнительной полезности. Зато тут есть управление жестами, блокировка рекламы, сжатие трафика и персонализация домашней страницы, причем последней уделено очень много внимания не только в плане наполнения, но и просто украшательств.
Интересующий нас Ночной режим находится здесь в Меню (три горизонтальные полосы) и затемняет он как интерфейс, так и веб-страницы. Дополнительных настроек этого параметра не предусмотрено.

Google Play

Banana Browser

Еще одно эффективное, но малоизвестное решение. Его функциональность не отстает от более именитых собратьев: есть встроенный блокировщик рекламы, сохранение паролей, в том числе, с биометрической защитой, обход блокировок сайтов. А еще есть сжатие трафика и гибко настраиваемая панель инструментов.
Чтобы включить здесь темную тему, переходим в Меню (три точки в правом верхнем углу), далее НастройкиТемы и выбираем либо “По умолчанию” — тогда оформление браузера будет зависеть от настроек смартфона, или просто “Темный”, если такое оформление нужно для постоянного использования. Отдельная галочка предусмотрена для затемнения веб-страниц, что тоже удобно.

Google Play

Темный режим для Chrome

Мы прекрасно знаем, как вы любите данный браузер и потому не могли обойти его стороной, хотя по умолчанию темного режима в нем нет вовсе. В своих статьях мы уже неоднократно упоминали экспериментальные функции Chrome и сегодня снова прибегнем к их использованию.
Чтобы включить темную тему вам нужно будет перейти в адресной строке по пути Chrome://flags и выбрать те опции, которые которые связаны с темной темой. Проще всего сделать это, вбив в поиск слово “Dark”. Здесь нас интересуют пункты “Android web contents dark mode”, который связан с показываемым контентом и “Android Chrome UI dark mode” для оформления интерфейса. Переводим их в режим “Enabled” и перезапускаем браузер.
После перезапуска загруженные страницы станут темными, а вот чтобы переключить на темную тему элементы UI нужно перейти по пути НастройкиТемы и выбрать темную тему оформления. Если все сделано правильно, ваш Chrome перейдет на темную сторону. Если же вам захочется отключить эти опции, нужно будет снова перейти по тому же пути (Chrome://flags) и перевести выбранные опции в режим “Disabled”.


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

Как включить темный режим Chrome на Android и Apple iOS

Скриншот: Brendan Hesse (Google Chrome Android)

Темный режим позволяет всем нам смотреть на наши телефоны немного более комфортно, особенно ночью, и это также отлично подходит для времени автономной работы вашего устройства. Так что появление в прошлом году возможности темного режима в самом популярном веб-браузере в мире, Google Chrome, было долгожданным сайтом для воспаленных глаз (возможно, в буквальном смысле). Вы можете использовать темный режим Chrome как с Android, так и с iOS. Вот как включить его на вашем устройстве.

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

Как включить темный режим для Chrome на Android

Темный режим Chrome доступен на устройствах под управлением Android 5 и выше. дата тоже. Убедитесь, что вы загрузили самое последнее обновление Chrome из магазина Google Play, если оно доступно.

После корректного обновления выполните следующие действия:

  1. Откройте Chrome на своем устройстве.
  2. В правом верхнем углу коснитесь трех вертикальных точек > Настройки > Темы .
  3. Выберите тему Dark . Или вы можете выбрать «Система по умолчанию», которая переведет Chrome в темный режим, если включена функция «Экономия заряда батареи» или если для вашего устройства установлены темные настройки.

Скриншот: Brendan Hesse ( (Google Chrome Android)

Вы также можете использовать экспериментальную функцию Chrome под названием «Принудительный темный режим для веб-контента», чтобы большинство веб-сайтов отображались темными, даже если они не были предназначены для этого. я говорил об этом раньше, поэтому, чтобы быстро повторить, введите chrome://flags/#enable-force-dark в адресную строку Chrome, нажмите Enter и включите эту функцию.

Как включить темный режим для Chrome на iOS

Темный режим — это общесистемный параметр, доступный в iOS 13 и более поздних версиях, а не параметр, специфичный для Chrome. Если вы включили темный режим на своем устройстве iOS, все поддерживающие его приложения будут темными, включая Chrome.

Скриншот: Эмили Лонг (Google Chrome iOS

Чтобы включить темный режим, перейдите на 9 экран вашего устройства.0025 Настройки > Дисплей и яркость . Включите опцию Dark. Или, если вы предпочитаете ярлык, проведите пальцем вниз, чтобы открыть Центр управления, нажмите и удерживайте индикатор яркости и включите темный режим.

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

Скриншот: Эмили Лонг (Google Chrome iOS

Функция принудительного темного режима Chrome доступна на настольном компьютере Mac или ноутбуке, но не на iOS. Если вы хотите, чтобы веб-сайты отображались темными на вашем iPhone, вы можете обойти это, используя Настройка iOS Smart Invert, находится в разделе 9.0025 Настройки > Специальные возможности > Дисплей и размер текста . Прокрутите вниз и включите «Smart Invert».

Некоторые элементы текста или страницы могут отображаться неправильно при включенном темном режиме (или Smart Invert). Если это слишком раздражает, вы всегда можете отключить темный режим или переключить его на расписание, а не на режим по умолчанию. Просто имейте в виду, что переход в легкий режим на iOS повлияет на все ваши приложения, а не только на Chrome.

Эта статья была первоначально опубликована в 2019 годуБренданом Хессе и обновлено Эмили Лонг 28 апреля 2020 г. Наши обновления включают в себя следующее: исправлены шаги для Android для точности, добавлена ​​информация о принудительном включении темного режима на веб-сайтах, не предназначенных для него, добавлены шаги и скриншоты для iOS и изменен заголовок.

Как включить темный режим Chrome

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

Если вы уже знаете, что такое темный режим, и просто хотите его включить, выберите свою ОС, чтобы начать:

  • Как включить темный режим для Windows 10
  • Как включить темный режим для Mac OS
  • Как включить темный режим для Android
  • Как включить темный режим для iOS

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

Давайте сразу.

Включить темный режим для Windows 10

Пользователи Windows 10 могут включать и выключать темный режим в Chrome без изменения настроек своей ОС.

Если вы хотите включить темный режим для всей ОС, вы можете сделать это в два простых шага:

  1. Перейдите в «Настройки» в меню Windows и выберите «Персонализация», затем выберите «Цвета».
  2. В разделе Выберите режим приложения по умолчанию выберите Темный. Готово.

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

Но что, если вы не хотите делать все темным — только Chrome?

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

Затем выберите «Свойства», и вы увидите поле «Цель»: текст, описывающий, где Chrome хранится на вашем ПК. Вероятно, это будет выглядеть примерно так:

C:Program Files (x86)GoogleChromeApplicationchrome.exe

Все, что вам нужно сделать, это добавить этот текст в конец поля Target:

 --force-dark-mode

Таким образом, результат выглядит следующим образом:

C:Program Files (x86)GoogleChromeApplicationchrome.exe --force-dark-mode

Ваша установка Chrome может быть в другом месте чем диск C, или целевой текст может выглядеть иначе. Просто убедитесь, что между .exe и двойным дефисом перед «force-dark-mode» есть пробел, иначе это не сработает. Нажмите OK, чтобы сохранить изменения.

Наконец, закройте Chrome и снова откройте его, и у вас должен быть темный Chrome и светлая Windows.

Чтобы отменить это, щелкните правой кнопкой мыши ярлык, вернитесь в поле «Цель» и удалите текст «–force-dark-mode».

Включить темный режим для Mac OS

Mac OS Mojave имеет общесистемный темный режим. Включите это, и Chrome автоматически установит собственную тему в соответствии с ней.

Чтобы включить темный режим в Мохаве:

  1. Откройте «Системные настройки» и выберите «Основные».
  2. В верхней части меню «Общие настройки» находится переключатель «Внешний вид» с двумя вариантами: «Светлый» и «Темный». Выберите Dark, и все готово.

Если вы используете более старую версию OSX, вы не можете включить общесистемный темный режим и, похоже, нет независимого переключателя. Прочтите этот пост ниже, чтобы узнать, как использовать темы и расширения для создания темного Chrome. Если вы действительно хотите, вы можете использовать флаг #enable-force-dark в Chrome Canary, но это требует большой потери стабильности.

Включить темный режим для Android

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

Если вы используете более раннюю версию Android, вам нужно будет использовать флаги Chrome, чтобы включить ее.

Для этого:

  1. Откройте Chrome и введите chrome://flags/ в адресную строку.
  2. Когда откроется приложение «Флаги», выполните поиск «темный режим», и вы получите два результата: темный режим веб-содержимого Android по адресу #enable-android-web-contents-dark-mode и темный режим пользовательского интерфейса Android Chrome по адресу #enable-android- ночной режим. Вам нужно будет включить оба, чтобы получить удовлетворительный темный браузер.

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

Второй вариант, темный режим пользовательского интерфейса Chrome, позволяет затемнить сам интерфейс браузера. Чтобы настроить это:

  1. Включите флаг, а затем перезапустите Chrome и откройте «Настройки».
  2. Перейдите в раздел «Дополнительно» и откройте меню «Темы». (Если вы не видите меню «Темы», обновите Chrome. Темы — это недавнее дополнение к приложению.)
  3. Выберите «Темный», и собственный пользовательский интерфейс Chrome станет темным, хотя результаты поиска и веб-сайты по-прежнему будут светлыми.

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

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

Как включить темный режим для iOS

У пользователей iOS 13 есть общесистемный темный режим, к которому Chrome автоматически перейдет после его включения. Возможно, у вас уже есть это. Apple не всегда предупреждает пользователей iOS о новых функциях, если они обновляют существующую установку iOS. Итак, чтобы узнать, перейдите в «Настройки»> «Основные»> «О программе»> «Версия». Если у вас iOS 13, вы можете включить общесистемный темный режим.

Чтобы включить его:

  1. Откройте Центр управления и удерживайте индикатор яркости: значок с символом солнца рядом с регулятором громкости на экране.
  2. Появится полноэкранный интерфейс управления с переключателем «Внешний вид» в левом нижнем углу экрана. По умолчанию установлено значение Light; коснитесь его, чтобы переключиться в темный режим.

Если у вас более ранняя версия iOS, вы все равно можете включить темный режим. Для этого:

  1. Перейдите в «Настройки» на вашем iPhone или iPad, прокрутите вниз до «Основных» и выберите «Универсальный доступ».
  2. Выберите "Адаптация дисплея", затем "Инвертировать цвета".
  3. Выберите Smart Invert, чтобы включить темный режим во всей системе, включая Chrome.

Нет элемента управления темным режимом на основе Chrome для iOS. Если вы не можете получить удовлетворительный опыт темного просмотра с помощью панели управления на своем iPad или iPhone, возможно, пришло время подумать о расширении.

Что такое темный режим?

Темный режим меняет цвета, которые вы привыкли видеть на экране, и затемняет фон.

Вот Chrome в обычном, светлом режиме:

Та же страница в темном режиме:

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

Зачем использовать темный режим?

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

Темный режим также может облегчить фокусировку на экране и чтение текста, а также увеличить время автономной работы мобильных устройств с OLED-экранами.

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

Другие варианты использования «темного режима»

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

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

Нам также пригодился Dark Reader. В отличие от Dark Theme, который использует темные темы на посещаемых вами веб-сайтах, Dark Reader изменяет цветовые схемы всех посещаемых вами веб-сайтов и позволяет вам самостоятельно контролировать параметры цвета прямо в браузере.

Некоторые системы допускают обходной путь. Например, если вы являетесь пользователем Mac, вы можете установить общесистемный темный режим, используя Night Shift на дисплеях вместе с темой Chrome.

Хотя сочетание расширений, тем и обходных путей ОС может дать что-то близкое к темному режиму, есть причина, по которой Chrome развернул свой собственный. Этот подход MacGyver всегда казался более проблематичным, чем того стоил, и оставлял пользователей обеспокоенными тем, что новые обновления Chrome могут помешать их инструментам темного режима работать должным образом.


Learn more

Только новые статьи

Введите свой e-mail

Видео-курс

Blender для новичков

Ваше имя:Ваш E-Mail: