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

Содержание

Каким образом в ВКонтакте сменить стандартную тему на чёрную на ПК

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

Здесь есть адреса страницы расширения в магазинах для всех популярных веб-навигаторов:

Стиль назван Vanilla Dark. Установив его в браузер, ваша страница в VK сможет принять чёрный фон. Текст будет отображаться в светло золотистых тонах, что позволяет еще больше снимать напряжение с глаз пользователя. В нём также есть и белые тона текста. После установки вы сможете воспользоваться настройками темы и выбрать подходящие.

Настройки расширения Stylus

Расширение позволяет изменять некоторые элементы страницы. Например, сделать миниатюры аватарок квадратными. Или затемнить все изображения, которые отображаются на странице.

Чёрная тема в ВК «Vanilla Dark»

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

Как включить темную тему в ВК

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

Темная тема ВК для iOS

Наличие темной темы ВКонтакте актуально для мобильной версии 5.2. Только недавно стало известно о том, что использовать нововведения можно для Айфон.

Для изменения фона на темный следует выполнить ряд действий:

  1. Перейти в раздел «Внешний вид».
  2. Включить вариант «Темная тема».

Дизайн на iOS будет иметь черные тона. Ярко выраженные элементы при этом будут отсутствовать. Монохромные элементы наблюдаются только в тексте всплывающих окон и на значках уведомления.

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

Темная тема ВК для Андроид

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

  1. Обновить приложение до последней версии;
  2. Написать в комментариях последней записи группы ВК для Андроид (vk.com/android_app) фразу «темная тема»;
  3. Выскочит следующее уведомление:

Для отключения оформление потребуется войти в раздел «Внешний вид» и поменять соответствующие настройки.

Почему белый цвет нагружает наши глаза

Так уж исторически сложилось, что на белой бумаге лучше различать чёрные чернила. Именно так — чёрным по белому. Эти два цвета лучше всего контрастируют. И нам легко и приятно читать газеты и книги. Большинство веб-сайтов в интернете (VK не исключение) и настольных программ переняли такую тенденцию. Их страницы также придерживаются этой структуры — слова написаны черным, фон — белый. Но монитор не бумага. В первую очередь — это источник света.

Контраст цветов

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

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

Использование программ

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

На актуальный период к самым популярным вариантам использования чёрного режима в социальной сети считается применение программы «Kate Mobile».

Для выполнения настроек посредством предложенного сервиса предлагаются простые манипуляции:

  1. При помощи встроенного магазина Play Market найдите бесплатный сервис под названием «Kate Mobile для ВКонтакте»;
  2. Кликните по команде «Установить», после чего приложение отобразит запрос на доступ к необходимым ресурсам, в которых следует кликнуть «Принять»;
  3. По окончанию скачивания требуется открыть полученную программу из Play Market или ярлык на рабочем столе;
  4. Авторизуйтесь в системе, воспользовавшись аналогичным логином и паролем, которые задействуются в официальной версии ВКонтакте или посредством браузера;
  5. Чтобы сделать черный фон в вк на андроиде телефон, кликните по изображению трёх точек возле правого верхнего края и в открывшемся меню нажмите вариант «Настройки»;
  6. Далее переместитесь в подпункт «Внешний вид»;
  7. В новом окне присутствует раздел тем оформления, в котором присутствует три варианта тёмного интерфейса с разными оттенками;
  8. Подберите наиболее привлекательный вариант;
  9. Покиньте приложение и откройте его заново, после чего выставленные настройки станут задействованы.

В Альтернативных программах, которые разработаны сторонними программистами, отсутствуют некоторые возможности, реализованные в официальной версии. Поэтому при надобности дальнейшего использования Kate Mobile, следует понимать, что полноценный функционал ВКонтакте не предполагается. Однако присутствует множество иных занимательных опций, к которым принадлежит особый режим «невидимка». В результате получить тёмный фон в популярной социальной сети совершенно не трудно.

Включение встроенной темной темы Chrome с помощью параметров запуска

По имеющейся информации, сейчас Google работает над встроенной темной темой оформления своего браузера и в скором времени её можно будет включить в настройках браузера.

Пока в параметрах такая опция отсутствует, но уже сейчас, в финальном релизе Google Chrome версии 72 и новее (раньше было доступно только в предварительной версии Chrome Canary) вы можете включить темный режим с помощью параметров запуска:

  1. Зайдите в свойства ярлыка браузера Google Chrome, нажав по нему правой кнопкой мыши и выбрав пункт «Свойства». Если ярлык находится на панели задач, то место фактического его расположения с возможностью изменения свойств — C:\Пользователи\Имя_пользователя\AppData\Roaming\Microsoft\Internet Explorer\Quick Launch\User Pinned\TaskBar.
  2. В свойствах ярлыка в поле «Объект» после указания пути к chrome.exe поставьте пробел и допишите параметры
    -force-dark-mode -enable-features=WebUIDarkMode

    примените настройки. 

  3. Запустите Chrome с этого ярлыка, он будет запущен с темной темой оформления. 

Отмечу, что на текущий момент это — предварительная реализация встроенной темной темы. Например, в финальной версии Chrome 72 меню продолжает показываться в «светлом» режиме, а в Chrome Canary можно увидеть, что и меню приобрело темную тему.

Вероятно, уже в следующей версии Google Chrome, встроенная темная тема будет доведена до ума.

Подбор цветов в тёмной теме

Мы начали примерять цвета тёмной темы на макетах главных экранов, чтобы определиться с основными используемыми оттенками. Для фона используем Gray 900 — цвет на один тон светлее чёрного, чтобы понизить контраст между фоном и текстом. Текст по этой же причине выбрали не белый, а Gray 100.

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

Таблица основных используемых цветов

В тёмной теме мы использовали меньшее количество цветов: синяя шапка и синие кнопки стали монохромными, спектр используемых серых оттенков сузился, а холодно-серая палитра перешла в обычный серый, сохранив контраст. Акцентные элементы остались синими — для тёмной темы был подобран более светлый и менее насыщенный оттенок.

Были и проблемные места, например модальные окна и карточки. Затемнение под ними не хотелось инвертировать в белый, и без дополнительных мер в тёмной теме обычный фон контента сливался бы с окружением. Чтобы этого избежать, для модальных карточек мы подобрали фон на тон светлее обычного, а также добавили обводку (пока только на Android), чтобы лучше отделять их от нижнего слоя.

Такие примеры показали, что нам нужна более гибкая система при реализации тёмной темы.

Техническая реализация

Подобрав на макетах соответствующие цвета для тёмной темы, мы стали переносить это дело в код.

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

Мы определились со следующим подходом, где токен — это уникальное название элемента или группы элементов (например, background_content), а его значением может быть только цвет из фиксированной палитры (например, White). Мы сделали схему в JSON-формате, внутри которой прописаны все токены с их значениями в каждой теме.

Такая схема очень похожа на CSS-файл с идентификаторами элементов и их стилями, но в формате JSON.

Как выглядит схема с токенами background_content и text_primary

Всё, что у нас получилось, доступно на GitHub:

  • палитра со всеми цветами и их уникальными названиями;
  • схема со всеми токенами и их значениями в светлой и тёмной темах.

Из JSON-схемы разработчики на всех платформах генерируют код в необходимом для себя формате. Об этом с примерами кода на iOS можно почитать на слайдах Антона Спивака с его выступления на CodeFest. Доклад о реализации на Android с выступления Арсения Васильева на AppConf можно посмотреть здесь.

Напомним, что мы решили сделать строгую систему, где можно указывать цвет только из внутренней палитры, то есть в значении токена нельзя прописать произвольный HEX-код цвета. К значению токена можно добавлять параметр alpha для указания дополнительной прозрачности цвета. Этот параметр мы планируем использовать для добавления отключённого состояния и состояния при касании у контролов, чтобы не добавлять в палитру те же цвета с другой прозрачностью.

На данный момент в схеме уже больше 150 токенов. Есть как глобальные переменные, так и полностью расписанные стили каждого контрола, а также уникальные случаи, которые не поддались бы более логичному объединению, например стили бабблов из сообщений.

Примеры часто используемых токенов

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

Работа с графикой

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

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

На Android также есть 9-patch графика, которая используется, например, чтобы отрисовывать карточки с тенями. Тень в них чёрная, а заливка карточки белая. Чтобы не разбивать и здесь графику на два слоя, разработчики воспользовались режимом наложения цвета Multiply — таким образом чёрная тень не перекрашивается, и цвет применяется только на белом участке картинок, что нам и было необходимо.

На Android

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

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

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

Активация тёмного режима на ПК в браузере

На практике можно задействовать особые расширения, при этом наиболее выделяется вариант VK Helper, который устанавливается простыми манипуляциями:

  1. Перейдите на официальный ресурс vk-helper.pro;
  2. Кликните по команде «Скачать», после чего понадобится из списка доступных вариантов выбрать ваш браузер для продолжения загрузки;
  3. Далее последует перенаправление в магазин Google, где требуется кликнуть по клавише установки, однако наименование может команды может отличаться;
  4. По завершению иконка расширения отобразится в верхнем углу браузера на примере Chrome, наряду с остальными инструментами, при этом визуально напоминая обычный логотип VK;
  5. Кликните по изображению и авторизуйтесь в учётной записи;
  6. По завершению входа можно увидеть раздел «Настройки»;
  7. Далее воспользуйтесь поиском в разделе, внеся «ночная тема»;
  8. По окончанию в интерфейсе отобразится результат;
  9. Установите отметку около варианта ночной темы для активации соответствующего фона социальной сети.

Как установить тему в Windows 10

  1. Кликните правой кнопкой на мыши в любом пустом месте рабочего стола и выберите пункт «Персонализация»;
  2. Вашему взору откроется несколько тем по умолчанию и, в том случае, если у вас нестандартная система, а какой-либо repack возможно еще несколько;
  3. Выберите одну из доступных вам тем и примените её.

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

Простые способы

Прежде чем дойти до нашего волшебного «перекрашивателя», мы опробовали два простых, как пробка, варианта: навесить на элемент дополнительный тёмный стиль или CSS-фильтр. Нам они не подошли, но, возможно, для каких-то случаев будут даже лучше (потому что просто = круто).

Переопределение стилей

Самый простецкий способ, логично расширяющий тёмную тему самого приложения в CSS: повесим тёмные стили на контейнер для писем (в общем случае — для чужого контента, который нужно перекрасить):

Но если у элементов внутри письма есть свои стили, они переопределят наш корневой стиль. Нет, не поможет. Идею можно дожать, отрубив наследование:

В данном случае без не обойтись, потому что сам по себе селектор не очень специфичный. Тем более это понадобится, чтобы переопределить инлайн-стили (а инлайн-стили с всё равно пролезут, ничего не поделать).

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

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

  • — только цвет переопределить не выйдет, придётся все тени убрать или жить со светлыми.
  • Цвета семантических элементов — ссылок, элементов ввода.
  • Инлайн-SVG — вместо им нужно выставлять , а вместо — , но это не точно, смотря какой SVG — может быть и наоборот.

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

Кстати, раньше мы перекрашивали письма именно так, но, если находили внутри письма любые стили, пугались и оставляли письмо светлым.

CSS-фильтр

Очень остроумный и элегантный вариант. Перекрасить страницу можно CSS-фильтром:

После этого фотографии станут криповыми, но это не беда — их перекрасим обратно:

Остаются проблемы с контентными картинками, привязанными через (знаем, так удобнее подстраивать соотношение сторон, но как же семантика?). Допустим, что мы сможем найти все такие элементы, явно их пометить и перекрасить обратно.

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

  1. Тёмные страницы осветляются.
  2. Итоговыми цветами невозможно управлять — какой фильтр наложить, чтобы подстроить фон к вашему фирменному ? Загадка.
  3. После двух перекрасов картинки выцветают.
  4. Всё тормозит (особенно на телефонах) — логично, теперь вместо простой отрисовки браузеру нужно на каждом экране гонять обработку изображений.

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

Обновления схемы

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

Подготовив обновлённую схему, мы отправляем пулл-реквест в GitHub (запрос на изменение файла), который проверяется и одобряется разработчиками. После слияния изменений разработчикам нужно подтянуть обновление UI-библиотеки, и тогда новые цвета появятся в следующей dev-сборке уже через 15 минут.

Чтобы переименовать или удалить токены в схеме, мы создаём мажорное обновление, поднимая её версию в GitHub. Это означает, что такая версия автоматически примениться не сможет, и перед обновлением версии UI-библиотеки разработчикам необходимо поддержать все изменения: обновить названия токенов, а если удаляемый токен где-то использовался, то нужно следовать комментарию из списка изменений, указывающему, какой токен нужно использовать вместо него.

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

Смена фона интерфейса социальной сети в браузере

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

«Темная тема для ВК» в магазине расширений

Работать с расширением достаточно просто:

  1. Перейдите в магазин и нажмите кнопку «Установить»;
  2. Иконка отобразится на панели инструментов браузера;

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

Иконка активного расширения «Тёмная тема для ВК»

Это говорит о том, что расширение в данным момент активно. Нажав на значок еще раз, сайт ВКонтакте снова примет стандартную тему.

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

Темная тема Ютуб как включить

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

Не исключением стал и популярный видеохостинг YouTube. Пользователи стали интересоваться, как сделать темную тему в Ютубе, чтобы повысить уровень комфорта при работе в режиме недостаточного освещения. Сегодня такая возможность предусмотрена для версий на ПК и мобильных приложений Андроид и iOS. Ниже подробно рассмотрим, как включить опцию для каждого из вариантов.

На ПК

Чтобы сделать темный Ютуб на ПК, войдите на сайт хостинга и авторизуйтесь по своими данными. После этого сделайте такие шаги (на примере Гугл):

  • жмите на фото своего профиля справа вверху;
  • найдите пункт Ночной режим;
  • переведите тумблер в положение включения.

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

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

На Андроид

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

  • кликните на свое профильное фото;
  • жмите на значок Настройки (шестеренка);
  • войдите в раздел Общие;
  • найдите секцию Ночной режим и установите переключатель в нужное положение.

На телефонах Пиксел 3, находящихся в режиме энергосбережения, черная тема Ютуб включается в автоматическом режиме. Если этого не происходит, система выдает рекомендацию выполнить эту работу.

Айфон

Поменять оформление можно не только на Android, но и на телефонах с iOS. Здесь алгоритм похож на тот, что мы рассмотрели выше. Для удобства приведем подробную инструкцию:

  1. Войдите в приложение и обновите его в случае необходимости.
  2. Перейдите в свой профиль и жмите на фотографию.
  3. Войдите в режим Настройки (значок шестеренки).
  4. Кликните на переключатель в строке Ночной режим.

Этих действий достаточно, чтобы поставить темную тему Ютуб на Айфоне, а впоследствии внести изменения в настройки (если это будет необходимо).

Ограничения

В мобильном варианте сайта Ютуб изменить оформление не получится. Это вызвано невозможности реализовать такую функцию на браузерах для смартфонов. Но в будущем опция может появиться. В качестве альтернативы можно отказаться от работы напрямую через сайт и использовать приложение. Инструкция, как сделать Ютуб темным для Андроид и iOS приведена выше.

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

Как отключить темную тему в инстаграме на телефонах

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

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

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

Отдельная тема для мессенджера

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

Шапка в светлой теме стала белой, чтобы сфокусировать внимание на общении, а синий стал более ярким и насыщенным

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

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

Как сменить тему оформления интерфейса

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

Так или иначе, после очередного апдейта пакета Office, наконец-то нашлась соответствующая опция, которая позволяет включить цветное оформление программ Microsoft при темной теме Mojave. Хотя найти ее интуитивно не так просто. Поэтому и решил поделиться находкой.

К примеру:

1. Открываем Word, заходим в пункт Параметры, который находится в верхнем меню открытого приложения.

2. Далее нас интересует блок Средства разработки и проверки правописания, в них есть иконка Общие.

3. Нажимаем на неё, в открывшемся меню ищем Личную настройку и ставим галочку рядом с надписью Не разрешать изменение внешнего вида в темном режиме.

Майки не были бы Майками, если бы не оставили какие-нибудь неудобства: данную процедуру придется проделать отдельно для каждого приложения пакета Office!

Зато после пары минут рутинной ручной перенастройки можно наслаждаться отличной тёмной темой macOS и функциональным цветным оформлением приложений пакета Office одновременно.

Этот пост написан читателем в разделе Тусовка, где каждый может разместить статью. Начните по этой ссылке. Лучшие посты появятся на iPhones.ru.

P.S. Обязательно прочитайте инструкцию, она поможет.


iPhones.ru

В новом обновлении пакета программ Office для Mac компания Microsoft реализовала возможность включения тёмного режима во всех своих приложениях. Что не так Обновившись и запустив Word, я ожидал увидеть привычное окно выбора темы, но программа такого выбора не предоставила и запустилась в темных цветах, в соответствиии с системными настройками macOS.  Тут стоит отметить, что тёмный…

Кроссплатформенность и VKUI

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

Кроме нативных приложений у нас есть VKUI. Это набор React-компонентов, с помощью которых можно создавать интерфейсы, внешне неотличимые от наших приложений. Мы используем VKUI, чтобы создавать тестовые продукты внутри VK, а также для экранов, которыми хотелось бы управлять с сервера без обновления приложения. Кроме того, эта библиотека используется для создания сервисов VK Apps сторонними разработчиками.

VKUI собран по тому же дизайну и с тем же набором компонентов, что и нативные приложения, поэтому применение схемы и поддержка тёмной темы не потребовала новых макетов. Для нас это как ещё одна платформа, которую мы поддерживаем, только она содержит переключение между iOS и Android.

Посмотреть реализацию дизайн-системы VK в виде React-компонентов можно на VKUI Styleguide. А самое интересное то, что на этой странице можно вживую увидеть используемые нами компоненты с возможностью переключать тему и платформу.

В ближайшее время мы займёмся обновлением документации VKUI и соберём больше информации о работе нашей дизайн-команды — будет много интересного ️

Инструкция

Начнем с того, что ночного режима как такового в PC версии Яндекс.Браузера в настоящее время нет. Присутствует только темная тема. Которая, кстати, появилась недавно. И ее можно попытаться включить. Об этом мы и поговорим.

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

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

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

Как поставить темную тему в Яндекс.Браузере? Да очень просто. Для этого потребуется воспользоваться настройками веб-обозревателя. Стоит отметить, что эта опция появилась в приложении относительно недавно.

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

  1. Сначала запускаем веб-обозреватель при помощи соответствующего значка на рабочем столе.
  2. Далее нажимаем на кнопку с тремя горизонтальными полосками, которая располагается в правом верхнем углу главного окна.
  3. Появится меню, в котором нужно кликнуть по пункту «Настройки».
  4. Теперь нужно пролистать список параметров до раздела «Интерфейс» и найти блок «Цветовая схема».
  5. Отмечаем пункт «Темная» и заодно «Использовать темные фоны…».

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

Включение черного оформления страниц

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

  1. Сначала запускаем веб-обозреватель при помощи соответствующего значка на рабочем столе.
  2. Далее, открываем страницу https://chrome.google.com/webstore/detail/dark-reader/eimadpbcbfnmbkopoojfekhnkhdbieeh?hl=ru.
  3. Откроется страница с описанием расширения. Просто нажимаем на кнопку «Установить» и подтверждаем процедуру.
  4. Через некоторое время иконка дополнения появится в панели инструментов. Кликаем по ней.
  5. Нажимаем на кнопку «Вкл».
  6. Загружаем какую-нибудь страницу и проверяем работу плагина.

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

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

Темная тема в Windows 10

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

1. Откройте редактор реестра, делается это с помощью поиска с ключевым словом regedit или в строку «Выполнить» внесите это же слово;

2. Теперь вам следует пройти по пути HKEY_CURRENT_USER \ SOFTWARE \ Microsoft \ Windows \ CurrentVersion \ Themes \ Personalize;

3. Случается, что в разделе Themes нет соответствующей ветки, в таком случае вам её следует создать собственноручно. Делается это нажатием правой кнопки мыши и выбором пункта «Создать», после чего в выпадающем списке выбираем «Раздел»;

4. Теперь вам нужно создать параметр, который позволит активировать темную тему, называться он должен AppsUseLightTheme. Производится это также как и в прошлом пункте, только вместо раздела, выберите «Параметр DWORD»;

5. Проследуйте по пути HKEY_LOCAL_MACHINE \ SOFTWARE \ Microsoft \ Windows \ CurrentVersion \ Themes \ Personalize и снова выполните пункт 3 и 4, только уже для этой ветки.

6. Теперь перезагрузите компьютер или просто воспользуйтесь функцией смены пользователя.

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

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

Что в итоге: адаптировать или нет

Всё больше приложений и веб-сервисов внедряют тёмную тему оформления. Логично предположить, что в этом году на даркмод перейдут ещё больше пользователей.

Адаптация рассылок под тёмный режим поможет поднять открытия и переходы с рассылки:

Мы заботимся о подписчиках. Пользователям приятно, что вы учитываете их предпочтения.
Мы меняем дизайн

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

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

Ссылка на основную публикацию