Что значит темная тема в браузере
Тёмная тема в Яндекс.Браузере
В Яндекс.Браузере появилась тёмная тема. Она доступна в версиях Браузера для Windows и macOS. Примерить новую тему можно в настройках — и, если тёмные панели и вкладки придутся по душе, оставить навсегда.
В первую очередь тёмная тема пригодится тем, кто выбрал аналогичное оформление для своей операционной системы. Судя по откликам, которые получает команда Браузера, таких пользователей очень много. Просьбы добавить тёмную тему приходят каждую неделю — это одно из самых популярных пожеланий.
Некоторые указывают, что тёмные тона меньше отвлекают и позволяют сосредоточиться на главном — на контенте. Недаром такое оформление часто встречается в графических редакторах, средах разработки или программах для видеомонтажа. Наконец, тёмную тему стоит попробовать и тем, кто часто сидит за компьютером в темноте или при приглушённом свете.
Paint It Black
Если хочется, чтобы тёмным был не только интерфейс, но и вообще всё, можно призвать на помощь расширения — например, Dark Mode. Они переводят в «тёмный режим» все веб-страницы, которые вы просматриваете в Браузере. Некоторые сайты сами предлагают такое оформление — и Яндекс.Музыка в их числе.
Здорово, когда под свой вкус можно настроить всё вплоть до мелких деталей — именно из таких мелочей складывается общая картина. Поэтому заодно мы добавили в Браузер возможность выбрать форму вкладок. Захотите — будут прямоугольными. Захотите — округлыми или скошенными. Захотите — и активная вкладка будет окрашиваться в цвета сайта. В общем, есть из чего выбрать.
Переходим на темную сторону: что такое темная тема и зачем она нужна в приложении
Преимущества использования темного режима
Темная тема — не просто модное увлечение. Она дает три положительных эффекта, о которых сейчас расскажем.
Забота о здоровье
Когда мы резко заходим из светлого помещения в темное, то «слепнем» на несколько минут. Это некомфортно, но адаптация проходит быстро. А вот если наоборот, из светлого помещения переходим в темное, то привыкание займет долгое время (20-30 минут).
Точно так же обстоят дела и со смартфонами. Когда мы смотрим на яркий дисплей в темном пространстве, наше зрение долго адаптируется к темноте. И сопровождается дискомфортом для глаз.
Есть также исследования Гарвардского университета, что пользование электронными устройствами с ярким дисплеем перед сном подавляет секрецию мелатонина. А недостаток этого гормона вызывает диабет, депрессию и, возможно, ожирение.
Экономия заряда батареи
Компания Google протестировала влияние темной темы на аккумуляторы телефонов и получила следующие результаты:
При яркости в 50 % темная тема в приложении «Youtube» экономит заряд на 15 %. При яркости в 100 % экономия заряда батареи составляет аж 60 %!
Без темного режима все белое пространство на дисплее вашего телефона требует больше энергии, что, в свою очередь, разряжает батарею.
Сделаем важную оговорку: темная тема экономит заряд на экранах OLED/amoled, которые используют устройства под управлением Android. Но Apple делает смартфоны на LCD (жидкокристаллический экран). Однако в прошлом году компания анонсировала, что поменяет дисплеи в 2020 году. И действительно, вышел флагманский смартфон iPhone 11 Pro с OLED-экраном.
Красивый дизайн
Темный режим кажется интересным за счет новизны и дает возможность представления графических элементов (рисунки, информационные графики) в необычном свете.
Некоторые оттенки выглядят лучше на темном фоне, чем на светлом. Например, ваши брендовые цвета могут быть блеклыми и на светлом фоне просто теряться.
Плюс, согласно исследованиям, темный фон позволяет дольше удерживать пользователей в приложении.
Примеры темных тем
Android 10
Google долгое время тестировал темную тему в приложении GMail и наконец-то в августе 2019 года включил ее в Android 10. Плюс компания дала сторонним разработчикам инструменты для интеграции их приложений с темной темой. 
iOS 13
Apple также выкатили темный режим в своих продуктах, работающих на iOS 13. В Dark Mode система использует более темную цветовую палитру, чтобы контент выделялся на таком фоне. 
Мессенджер еще тестирует темную тему. Для смены варианта отображения, нужно сначала включить новый интерфейс в настройках, а потом передвинуть ползунок «Темный режим». 
VKontakte
Также добавили темную тему в приложение. Как утверждают разработчики VK, они переработали более 2 000 файлов, чтобы подобрать цветовые гаммы. Активировать опцию можно в разделе «Настройки». 
Кому нужна темная тема
Темная тема — это дополнение к основной светлой теме, соответственно разработка новой опции несет дополнительные и необязательные затраты. Поэтому ее делают далеко не все, а те, кто может позволить себе выделить бюджет для большего удобства клиентов.
Необходимо провести анализ, как часто и в какое время пользователи включают ваше приложение. Возможно, у вас много контента, который нужно долго просматривать.
Например, наш Заказчик компания «ТрансТехСервис» занимается продажей новых и подержанных автомобилей. В этой нише до совершения покупки люди тратят много времени на изучение ассортимента. Клиенты могут по несколько часов просматривать товары в приложении, в том числе и ночью. Для ТТС разработка темной темы в приложении будет вложением в бизнес, а не затратой. 
В этом случае, даже если ваши клиенты пользуются устройствами на базе Android 10 или iOS 13, которые могут сами переключить светлый режим на темный, все равно нужно помнить о собственном решении. Так как реализованная штатными инструментами смартфонов темная тема не всегда выглядит хорошо, а иногда даже очень плохо, что определенно будет мешать пользователям вашего приложения.
How-To: переходим на темный режим в браузерах и почте
При его включении фон сайтов и сервисов становится темным, а шрифт светлым. Многие разработчики программ и мобильных приложений внедряют такой пользовательский интерфейс. Например, весной и летом 2020 года темный режим экрана появился в приложениях Google Play, Google Docs, Sheets и Slides для Android. Его можно найти в Android 10 и iOS 13, в Windows 10, macOS Mojave, в Messenger, Instagram и других популярных системах и сервисах.
Плюсы есть, но с оговорками
Одними из ярых сторонников повсеместного внедрения такого пользовательского интерфейса стали компании Apple и Google. Они подчеркивали следующие преимущества темного режима:
В подтверждение первого тезиса в Google провели собственное исследование. Специалисты тестировали Dark Theme в приложении YouTube, которое адаптировали одним из первых.
Выяснилось, что цвет пикселя влияет на энергопотребление дисплея, и самым энергоемким является белый. Если поставить ночной режим экрана, то расход заряда аккумулятора снижается до 63%. Но этот вывод касается исключительно дисплеев OLED (органический светодиоид). В случае с LCD-дисплеями (жидкокристаллические) изменений в энергопотреблении не происходит.
Довод о снижении нагрузки на глаза также неоднозначен. Действительно, черный экран помогает снизить усталость глаз, но только при недостаточном внешнем освещении, например, если человек находится на вечерней улице, в кинотеатре и т. д. В таких случаях ночной режим спасет вас от того, чтобы не быть на мгновение ослепленным, и глаза не будут болеть из-за яркого экрана. Но при обычных обстоятельствах в нем практически нет смысла.
Более того, есть исследование, утверждающее, что человеческий мозг лучше воспринимает информацию, изложенную черным шрифтом на белом фоне. А на обработку светлого текста на темном фоне он тратит больше времени.
Что же касается довода об улучшении дизайна, то это дело вкуса.
Как включить темный режим
В разных системах активация ночного режима работы экрана отличается. Рассмотрим, как подключить его в популярных программах и сервисах.
Ночная тема в операционных системах на ПК
В случае с Microsoft 10 нужно открыть Настройки (кнопка «Пуск» и значок шестеренки) и перейти в раздел «Персонализация». Затем нажмите на вкладку «Цвета» и в пункте «Выберите режим приложения по умолчанию» кликните на вариант «Темный». 
После этого функция «ночной режим» подключится, и все окна в Windows станут черного цвета.
В 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». 
В новом окне откроется несколько вариантов оформления экрана, первым из которых будет дизайн «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-маркетологам нужно сразу создавать рассылки, подходящие под ночной режим.
Темная тема для всех сайтов и приложений — как включить
Содержание
Содержание
Все больше приложений и сайтов дополняют свой интерфейс темной темой. Она не только стильно выглядит, но и снижает нагрузку на глаза. В гаджетах с OLED темная тема также экономит заряд батареи. Мы расскажем подробнее, как включить темное оформление в популярных приложениях, а также какие возможности предоставляют браузеры.
Темная тема в мобильных мессенджерах
Практически все разработчики параллельно стандартной теме успели добавить темную. Рекомендуем обязательно попробовать ее и оценить, насколько комфортно работать с затемненными элементами интерфейса. Как правило, практически во всех популярных приложениях смена темы выполняется через стандартные настройки.
Вконтакте. Разработчики VK сделали смену оформления максимально удобной — вам достаточно дважды кликнуть по иконке «Профиль», чтобы открыть дополнительное меню своей страницы. В самом нижнем правом углу будет значок, отвечающий за дневной и ночной вид. Ни в каких дополнительных настройках копаться не придется.
Viber. Этот мобильный мессенджер предлагает более широкие настройки в оформлении, но для их изменения придется глубже копнуть в меню. В блоке «Еще» вам необходимо кликнуть по строке «Настройки», а далее «Темы оформления».
Остается только выбрать понравившийся вариант на замену «классической» темы. Есть как сугубо черная, так и темно-синяя с меньшим эффектом контраста. В дополнение пользователи могут выставить даже фон чата.
Telegram. Этот популярный мессенджер предлагает одни из самых продвинутых настроек оформления — вплоть до выбора цвета сообщений. Пользователям необходимо открыть левое всплывающее меню своей страницы, после чего перейти в «Настройки». Далее зайдите в раздел «Настройки чатов».
В открывшемся разделе остается только выбрать оформление. Помимо нескольких светлых тем здесь присутствует «темная» и «ночная». Цвет фона сообщений чата также можно настроить.
Discord. Если вы часто сидите в Дискорде, то можете также выставить темную тему. Настройки в мобильном приложении распространяются и на браузерную версию мессенджера. С основной страницы вашего профиля перейдите в раздел «Внешний вид». Пользователям доступны всего две темы — «светлая» и «темная».
WhatsApp. Как и другие мессенджеры, это приложение предлагает возможность сменить тему. Настройки минимальные и включают только «светлую» и «темную» темы.
Темная тема в браузере: стандартные настройки
Многие из пользователей проводят львиную долю времени, работая за ноутбуком или ПК. Если вас раздражает яркое оформление, то темную тему можно выставить и в браузере. Это касается именно интерфейса, а не оформления конкретных сайтов. О последнем мы поговорим позже.
Google Chrome. Стандартно в настройках Chrome нельзя менять темы оформления, поэтому их придется устанавливать в качестве дополнений через фирменный магазин. Команда разработчиков предлагает несколько вариантов, в числе которых JustBlack, а также нечто среднее между светлой и темной темой — Slate.
Пользователям достаточно перейти в магазин Chrome и установить желанную тему. Изменять настройки можно в разделе «Внешний вид». Обратите внимание, что темным становится только верхняя часть окна — содержимое страниц не редактируется.
Если никакие дополнения устанавливать не хочется, то можно включить темный режим через настройки ярлыка. Для этого в поле объекта после пути необходимо дописать «-force-dark-mode —enable-features=WebUIDarkMode», как это показано на изображении.
В браузере автоматически включится темная тема, которая также коснется и стартовой страницы Google.
Opera. Далеко ходить в этом браузере не придется — достаточно открыть настройки в правой части окна. Выбор темы находится в самом верху и затрагивает весь интерфейс браузера.
Firefox. Здесь вам необходимо через настройки перейти в блок «Темы», где разработчики предлагают без дополнительного скачивания несколько стандартных вариантов. В их числе и темное оформление, которое необходимо только включить.
К сожалению, темы не изменяют внутренние окна настроек браузера.
Предложенные способы только меняют элементы интерфейса браузера, но не затрагивают непосредственно содержимое сайтов.
Как включить темную тему для всех сайтов
Что делать, если вы хотите затемнить интерфейс различных сайтов? В случае с некоторыми мессенджерами, это можно сделать через стандартные настройки. Например, сменить тему можно в браузерных версиях Discord, Telegram и не только.
Однако для остальных сайтов таких настроек нет. Здесь на помощь приходят расширения и плагины.
DarkReader
Это самое популярное и эффективное расширение для браузера, которое позволяет включить темную тему практически для любого сайта. Плагин редактирует HTML-код, меняя цвет фона и шрифта для каждого интернет-ресурса. Дополнение распространяется для Chrome, Firefox, Safari и Edge.
В 99 % случаев плагин корректно подбирает цвет шрифтов, но на некоторых ресурсах могут попадаться надписи, которые теряются на сером фоне.
Настройки выполняются через ярлык, который появляется в верхней правой части окна. Пользователи могут отключить темный режим для сайта или наоборот — выставить светлый, сменить яркость, контрастность, настроить сепию или оттенки серого. Отдельным блоком идет настройка шрифтов. Включена поддержка горячих клавиш для включения и отключения плагина.
Единственный условный недостаток — страницы могут подгружаться с небольшой задержкой в 1-2 секунды, поскольку Dark Reader изменяет их код.
NightEye — Темный режим
Если предыдущий плагин по каким-то причинам работает некорректно, можете скачать расширение NightEye. Как и предыдущее, оно изменяет цвет фона и шрифта для каждого сайта, фактически включая ночную тему. Ключевое преимущество — поддержка более широкого списка браузеров: Google Chrome, Opera, Firefox, Safari, Edge, Yandex, UCBrowser и не только. Ссылка на скачивание для каждого браузера располагается на официальной странице.
Вы можете изменить яркость, контраст, насыщенность цветов, а также устранить синий оттенок. Последнее еще больше снижает нагрузку на глаза. Разработчики NightEye предлагают уникальную функцию конвертирования иконок, но это существенно повышает нагрузку на CPU. Вы можете даже настроить время работы плагина, например, чтобы он автоматически включался только в вечернее время.
Выставить русский язык для плагина можно в настройках через иконку шестеренки
SuperDarkMode
Это расширение создано только для Google Chrome, но входит в список наиболее популярных. Позволяет сменить цвета сайта на более темные и в большинстве случаев делает это максимально корректно. В правой части окна появляется соответствующая иконка, нажимая на которую вы можете включать или отключать темный режим.
Через параметры дополнения уже выполняется тонкая настройка. Можно добавить популярные сервисы в исключения, а в продвинутом режиме выбрать цвета фона, ссылок и других элементов сайта на свой вкус из палитры. Также имеется режим работы по расписанию, настройка яркости и контрастности. Все пункты меню на английском, однако встроенный переводчик Chrome легко решает эту проблему.
Эти расширения включают ночной режим независимо от того, поддерживает ли сайт темную тему или нет, однако потребляют небольшой ресурс ОЗУ и дают дополнительную нагрузку на процессор.