Как сделать темные страницы в браузере

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, которое адаптировали одним из первых.

Как Сделать Черный Гугл Хром Google Chrome

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

Не приходят письма на электронную почту с фотоловушки

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

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

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

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

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

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

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

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

КАК СДЕЛАТЬ БРАУЗЕР ТЕМНЫМ, Яндекс, Хром, Опера, Dark Rider..??? Темный Интернет

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

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

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

Как отменить рассылку на почту mail

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

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

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

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

Источник

Как сделать темные страницы в браузере

Будь в курсе последних новостей из мира гаджетов и технологий

Как добавить красивый тёмный режим сразу всем сайтам в интернете

Александр

Тёмная тема

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

Как выйти из профиля в яндекс браузере

Расширение Dark Reader доступно для Chrome и Firefox. После его установки все сайты моментально поменяют облик и, возможно, будут выглядеть непривычно, но при желании можно настроить их внешний вид. Для этого нажмите на кнопку расширения справа от адресной строки и выберите оптимальный уровень яркости, контрастности и других параметров. Эти изменения можно применить ко всем сайтам или только к тому, который открыт в данный момент. Можно настроить цветовую гамму любого сайта индивидуально, кроме того, расширение позволяет добавлять сайты в список исключений — у них сохранится изначальный интерфейс.

Dark Reader

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

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