Браузеры с темной темой

How-To: переходим на темный режим в браузерах и почте

Темный режим, или Dark Mode, стал одним из трендов в дизайне 2019 года, перешедший и в 2020-й. Чем вызвана увлеченность разработчиков этой функцией, и чем переход в ночной режим полезен пользователям?

При его включении фон сайтов и сервисов становится темным, а шрифт светлым. Многие разработчики программ и мобильных приложений внедряют такой пользовательский интерфейс. Например, весной и летом 2020 года темный режим экрана появился в приложениях Google Play, Google Docs, Sheets и Slides для Android.

Его можно найти в Android 10 и iOS 13, в Windows 10, macOS Mojave, в Messenger, Instagram и других популярных системах и сервисах.

Плюсы есть, но с оговорками

Одними из ярых сторонников повсеместного внедрения такого пользовательского интерфейса стали компании Apple и Google. Они подчеркивали следующие преимущества темного режима:

  1. экономит заряд батареи;
  2. снижает нагрузку на глаза пользователей;
  3. улучшает дизайн сайтов и приложений.

В подтверждение первого тезиса в Google провели собственное исследование. Специалисты тестировали Dark Theme в приложении YouTube, которое адаптировали одним из первых.

Мой браузер на 100% с темной темой, благодаря одной секретной настройке. На Яндекс — так же работает

Выяснилось, что цвет пикселя влияет на энергопотребление дисплея, и самым энергоемким является белый. Если поставить ночной режим экрана, то расход заряда аккумулятора снижается до 63%. Но этот вывод касается исключительно дисплеев OLED (органический светодиоид).

В случае с LCD-дисплеями (жидкокристаллические) изменений в энергопотреблении не происходит.

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

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

Что же касается довода об улучшении дизайна, то это дело вкуса.

Как обновить версию Яндекса

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

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

Ночная тема в операционных системах на ПК

В случае с Microsoft 10 нужно открыть Настройки (кнопка «Пуск» и значок шестеренки) и перейти в раздел «Персонализация». Затем нажмите на вкладку «Цвета» и в пункте «Выберите режим приложения по умолчанию» кликните на вариант «Темный».

После этого функция «ночной режим» подключится, и все окна в Windows станут черного цвета.

Как сделать ТЕМНУЮ ТЕМУ в Google Chrome на ПК (Темная тема на всех сайтах)

В MacOS переключение на черный фон появилось вместе с версией операционки Mojave. Включается эта опция в «Системных настройках» (щелкните по значку Apple вверху экрана). В настройках выберите пункт «Основные».

В новом окне в пункте «Оформление» находятся переключатели на темный и светлый режимы работы дисплея.

Переключение темы в мобильных операционках

Черная тема доступна на мобильных устройствах Apple, управляемых iOS 13 и iPadOS 13. Проще всего активировать ее через «Центр управления». Найдите там «Управление яркостью дисплея», нажмите на него и удерживайте палец пару секунд.

Откроется функция «Внешний свет» — кликните по ней, и включится ночной режим.

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

Например, если вы пользуетесь одним из смартфонов Google Pixel, работающих на «чистом» Android, то для активации нужной функции зайдите в «Настройки» → «Экран» → «Дополнительно» → «Тема устройства». А вот в смартфонах линейки Samsung Galaxy нужно открыть «Настройки» → «Дисплей» → «Режим затемнения». Вероятно, вам придется немного покопаться в настройках, но если устройство работает под управлением Android 10, то у него точно есть общесистемный ночной режим.

Включаем ночную тему в браузере

Уже с версии Chrome 73 и Chrome 74 (для macOS и Windows соответственно) этот браузер автоматически подстраивается под режим освещения экрана, настроенный в операционке ПК. То есть вы можете установить ночной режим на компьютере, как было описано выше, и браузер самостоятельно перестроится под него. Аналогично работает мобильная версия.

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

И так происходит с любым сайтом.

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

Можно также отдельно настроить темную тему непосредственно в браузере. Для этого откройте «Настройки» → «Внешний вид» → «Темы» → «Открыть интернет-магазин Chrome».

Как сбросить настройки браузера google chrome

В новом окне откроется несколько вариантов оформления экрана, первым из которых будет дизайн «Just Black».

Работает он точно так же — страницы сайтов останутся белыми, а черный появится только на верхней панели.

В Firefox для включения этой опции нужно открыть «Меню» → «Дополнения» → «Темы» → «Темная».

В Microsoft Edge нужно открыть «Меню» → «Настройки» → «Внешний вид» → «Стандартная тема» → «Темная».

Проще всего переключить режим отображения в Opera. Нужно лишь открыть меню параметров и нажать на соответствующий переключатель.

Но и в этом случае черный фон задействуется лишь частично.

Браузерное расширение Night Eye

Как видим, в браузерах полноценный режим Dark Mode пока особо не встретишь, но можно установить расширение Night Eye, которое добавляет черный фон практически на все сайты и популярные соцсети.

Вы найдете его в интернет-магазинах Chrome, Microsoft Edge, Firefox, iTunes (для Safari). Расширение предложит выбрать один из трех вариантов отображения.

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

Кроме того, следует учитывать, что первые три месяца пользование сервисом бесплатно, а затем стоит по 2 цента в день.

Как включить Dark Mode в почте

В браузерной версии почты Gmail черный фон можно выбрать в темах. Откройте «Быстрые настройки» → «Тема» → «Просмотреть все» → «Темная».

Минус ее в том, что она не распространяется на всю систему. Фон становится черным, а текст белым и светло-серым, но только в основном интерфейсе. А вот сами письма Gmail не адаптирует.

К слову, в мобильном приложении Gmail такой проблемы нет.

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

Откроется окно с темами оформления. В Яндекс.Почте представлено художественное осмысление темного режима — темы «Ночная» и «Космос». Вместо простого черного фона появится тематический рисунок.

А вот в почте Outlook функция Dark Mode работает корректно и полностью адаптирует тело письма под черный фон. Для переключения на ночную тему откройте «Файл» → «Учетная запись Office» → «Тема Office» → «Черный».

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

Скриншоты Яндекс Браузера где найти

Похожим образом работает почта Mail.ru. Для включения этой опции откройте настройки (иконка шестеренки) → «Темы оформления» → «Темная тема».

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

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

Источник

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

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

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

Opera

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

opera-browser.jpg

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

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

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

vivaldi2.jpg

Samsung Internet Browser

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

Zoom через браузер без установки

samsunginternetbrowser.jpg

Firefox Бета для Android

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

firefox-beta-for-android.jpg

Via Browser

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

via-browser.jpg

Banana Browser

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

bananabrowser.jpg

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

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

Как удалить историю браузера Яндекс на телефоне Самсунг а 12

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

chrome.jpg

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

Алеся Шарапова

Автор Алеся Шарапова

Источник

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

Темный режим, или Dark Mode, стал одним из трендов в дизайне 2019 года, перешедший и в 2020-й. При его включении фон сайтов и сервисов становится темным, а шрифт светлым. Многие разработчики программ и мобильных приложений внедряют такой пользовательский интерфейс.

Например, весной и летом 2020 года темный режим экрана появился в приложениях Google Play, Google Docs, Sheets и Slides для Android. Его можно найти в Android 10 и iOS 13, в Windows 10, macOS Mojave, в Messenger, Instagram и других популярных системах и сервисах.

Включаем ночную тему в браузере

Уже с версии Chrome 73 и Chrome 74 (для macOS и Windows соответственно) этот браузер автоматически подстраивается под режим освещения экрана, настроенный в операционке ПК. То есть вы можете установить ночной режим на компьютере, как было описано выше, и браузер самостоятельно перестроится под него. Аналогично работает мобильная версия.

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

И так происходит с любым сайтом.

Источник
Рейтинг
Загрузка ...