Разное

Черная тема: Sorry, this page can’t be found.

16.06.1994

Содержание

Зачем нужна темная тема и стоит ли ее использовать

Темная тема – один из трендов, который сейчас набирает большую популярность. Многие известные сайты и приложения добавляют возможность использования темной темы в своем интерфейсе. После таких гигантов, как Apple, Android и Google, темную тему начали добавлять социальные сети (Instagram, VK, Facebook, Twitter), а также многие мессенджеры (What’s App, Viber, Telegram).

Хотим сразу отметить, что темная тема нравится далеко не всем. В первую очередь это связано с восприятием информации, в частности текста. Многим сложно различать светлые буквы на темном фоне. Но почему же тогда все большее количество различных сервисов переходят на «темную сторону»?

Преимущества темной темы

Вот несколько причин, почему темная тема стала настолько востребована:

1. Повышение восприятия информации

Некоторым пользователям проще воспринимать светлый текст на темном фоне.

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

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

2. Экономия заряда батареи

Это, конечно, явный плюс темной темы. Из-за того, что экран излучает меньше света, энергопотребление вашего смартфона снижается. Компания Google проводила по этому поводу исследование, которое показало, что, например, темный режим в приложении YouTube позволяет сэкономить от 15 до 63% времени автономного использования устройства. Согласитесь, иногда и 10% заряда очень важны.

3. Лаконичный дизайн

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

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

Что лучше: светлая тема или темная тема

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

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

Темную тему очень сложно реализовать.

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

Не стоит добавлять темную тему в случае, если:

  1. В качестве основного контента выступает текст
  2. Используется большая цветовая палитра
  3. Сайт/приложение имеет большое количество элементов

Темную тему можно применять, когда:

  1. Дизайн выполнен в стиле минимализм
  2. Предполагается использование сайта/приложения в ночное время

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

Что необходимо учитывать при разработке темной темы

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

1. Соблюдение темного контраста

При разработке темной темы не стоит брать за основу чисто черный цвет #000000. Его рекомендуется выбирать для текста. Фоны и подложки лучше делать темного-серого цвета, немного уходящего в синий. Рекомендуемый оттенок #121212.

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

Интерфейс Dashboard UI/UX Design имеет фон темнее, чем меню слева, строка поиска и области с различными показателями

Пример интерфейса Dashboard Design, выполненного в темных серо-синих цветах

2.

Баланс ярких цветов

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

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

Дизайн темной темы My Wallet с яркими элементами

В качестве акцентов для Motime Resolution App используются иллюстрации и элементы с градиентом

3. Читабельность текста

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

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

На платформе Charles C. D. дополнительные текстовые блоки имеют непрозрачность

Обилие текста на Trading Platform разграничивается фигурами и линиями, также применяется непрозрачность

В разработке темной темы можно ориентироваться на различные гайдлайны. Такие есть у Apple – Human interface Guidelines, Google – Material Design Dark Theme и Microsoft – Designing for Dark Mode.

4. Корректное отображение элементов

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

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

Интерфейс GASENERGY для мобильного приложения отличается от версии для десктопа. Это необходимо для правильного отображения всех элементов.

Сайт Mira Chernova выполнен в минималистическом стиле. Различия между десктопной и мобильной версии не слишком заметны, но все же они есть.

Примеры сайтов с темной темой

Ниже мы сделали подборку сайтов, которые имеют темный дизайн. Мы не хотели показаться банальными, поэтому выбрали ресурсы, которые выделяются среди остальных. Каждый имеет свою уникальную изюминку. Вдохновляйтесь =)

1. The Fabricant

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

2. Dogstudio

Бесспорно, этот сайт разрабатывали любители собак. Несмотря на то, что на сайте используются темные цвета и 3D элементы, все кажется милым, уютным и необычным.

3. L’atelier

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

4. Lestudiodigital

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

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

5. AirPods Pro

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

6. Путешествие в темноте

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

7. Wired

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

8. CRRTT

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

9. Goengine

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

10. Andrew Leguay

Еще один пример сайта-визитки для портфолио. Сайт состоит из обилия анимированной типографики и фотографий. При малейшем наведении курсора или прокрутке большинство элементов оживают.

Вывод

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

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

Перейти на «темную сторону» – смелое решение. Если решились на такой шаг, надеемся, вы нашли веские причины для этого.

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

Темная тема в Instagram на iPhone: как включить (3 способа)?

В 2019 году Instagram наконец появилась долгожданная темная тема.

♥ ПО ТЕМЕ: QR-код в Instagram, или как правильно делиться ссылкой на свой Инстаграм-профиль.

Пользователю не придется искать нужный переключатель – тема активируется автоматически при включении в настройках айфона ночного режима.

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

♥ ПО ТЕМЕ: Синяя галочка в Инстаграм: как получить статус проверенного аккаунта в Instagram.

 

Как установить (включить) темную тему в Instagram: 3 способа

Сразу необходимо отметить, что для установки темной темы понадобится iPhone с установленной iOS 13 или более новой версией ПО. Именно в этой версии мобильной операционной системы Apple впервые появилась полноценная темная тема. Обновите приложение Instagram до последней версии.

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

 

Способ 1: Откройте «Настройки», найдите пункт «Экран и яркость» и переключите тему оформления со Светлое на Темное.

 

Способ 2: Откройте Пункт управления, нажмите и удерживайте ползунок изменения яркости экрана. В появившемся окне нажмите кнопку переключения темы.

 

Способ 3: Добавьте в Пункт управления специальную кнопку. Для этого откройте приложение «Настройки», выберите раздел «Пункт управления» и добавьте к имеющимся элементам переключатель режима.

Сразу же после переключения смартфона в ночной режим, приложение Instagram сделает то же самое. Интерфейс приобретет комфортные для вечернего и ночного времени черные и темно-серые оттенки.

Смотрите также:

Темная тема ВКонтакте

Как включить темную тему (темную, «черную» версию оформления) в мобильном приложении ВК, в мобильной и в полной версиях сайта, в приложении Кейт Мобайл.

В мобильном приложении ВК на телефоне

  1. Боковое меню (нажми на свою аватарку слева вверху или проведи пальцем по экрану слева направо).
  2. Значок полумесяца справа внизу.

Также в приложении есть расширенные настройки темы оформления. Можно выбрать Авто или Системную. Сначала нужно открыть настройки внешнего вида:

  1. Боковое меню (нажми на свою аватарку слева вверху или проведи пальцем по экрану слева направо).
  2. Настройки.
  3. Внешний вид.

Затем выбрать один из вариантов:

  • Авто — тема будет меняться автоматически в зависимости от времени суток: от восхода до заката солнца — светлая, от заката до восхода — темная.
  • Системная — темная или светлая тема будет включаться в зависимости от того, какая тема выбрана в настройках самого телефона (если такая настройка там есть; например, Настройки → Экран → Темный режим). Если во всех приложениях, поддерживающих эту функцию, выбирать Системная, то потом тему можно менять сразу везде одним переключателем в системных настройках. Удобно, если у тебя в телефоне есть также настройка расписания, со скольки до скольки должна работать темная тема — это будет влиять и на приложение ВК.
  • Светлая, темная — то же самое, что и полумесяц, включает светлую или темную тему.

Если не нашел настройку темной темы, то обнови приложение. Если же у тебя старый телефон и последняя версия приложения на него не ставится (или темная тема не появляется), пользуйся мобильной версией сайта ВК через браузер телефона. Там можно включить темную тему, смотри ниже:

В мобильной версии сайта ВК (m.vk.com)

Если в браузере или в телефоне есть общая настройка (обычно в разделе Настройки → Экран → Темный режим), включающая темную тему для всех приложений, то можно просто включить ее, а в настройках сайта ничего не трогать. Мобильная версия сайта в браузере подстроится сама.

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

Если такой настройки нет или если нужно включить темную тему только на сайте ВК, то действия такие:

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

В полной версии сайта ВК (на компьютере)

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

Есть расширение «Темная тема для ВК» (Dark theme for VK). Его можно установить через магазин расширений для твоего браузера:

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

Также можно попробовать расширение VK Styles, позволяющее настраивать оформление ВК на свой вкус.

В мобильном приложении Кейт Мобайл

  1. Кнопка с тремя точками справа вверху.
  2. Настройки.
  3. Внешний вид.
  4. Тема оформления.
  5. Выбрать тему — Черная или Темная Holo.
  6. Закрыть приложение и запустить снова.

Стоит ли использовать темную тему? Зачем она нужна? Когда ее включать?

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

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

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

Смотри также

Как активировать темную тему в Google Chrome

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

Как активировать темную тему Chrome на Windows 10

В операционной системе Windows 10 есть специальная настройка, которая позволяет включить темную тему в Chrome. Нажмите сочетание клавиш Win + I и выберите «Персонализация». Перейдите на вкладку «Цвета». Теперь выберите параметр «Настраиваемый» в пункте «Выбор цвета». Здесь можно задать параметры цвета для Windows и приложений. Обратите внимание, что если выбрать темную тему для приложений, то изменится не только тема в Chrome, но и цвета окон самой операционной системы. Тема же для Windows изменяет цвет панели задач и меню пуск. Комбинируйте параметры по своему усмотрению.

Тема применяется мгновенно, перезапуск не требуется

Как активировать темную тему Chrome на Android

На системе Android 5 и выше темная тема включается в самом браузере. Откройте браузер и нажмите на три точки в правом верхнем углу экрана. Выберите «Настройки» и «Темы». Здесь можно установить параметр «По умолчанию», тогда темная тема будет работать в режиме энергосбережения или включить ее постоянно, выбрав пункт «Темный».

Как активировать темную тему Chrome на iOS

На iOS темная тема включается так же, как и на Windows 10 — путем настроек самой операционной системы. Для этого зайдите в пункт «Экран и яркость» и выберите темную тему. Также ее можно активировать из «Пункта управления». Смахните экран вверх и подержите палец на регулировке яркости. В открывшемся окне будет доступно быстрое переключение темного и светлого режимов. 

Как принудительно включить темную тему на любом сайте

Чтобы это сделать нужно зайти в так называемые экспериментальные функции. Наберите в строке браузера chrome://flags/#enable-force-dark. Найдите строку Force Dark Mode for Web Contents и вместо Default, поставьте Enabled, примените изменения. 

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

Это тоже интересно:

Во время загрузки произошла ошибка.

 

Измените внешний вид Office

Чтобы изменить цвет фона и оформление всех программ Office, перейдите в меню Параметры > > Общие > Office Темы.

«Разные цвета»

В этой теме цвета лент приложений Office соответствуют основным цветам их современных значков.

Цветная тема в Excel:


 

Цветная тема в PowerPoint:


 

Цветная тема в Word:

«Темно-серый»

Эту тему по достоинству оценят те пользователи, которым нравится более мягкая версия контрастных визуальных элементов. Вот пример темно-серой темы, примененной к PowerPoint:

Черная тема

Эта функция доступна только при наличии подписки на Microsoft 365. Если вы являетесь подписчиком Microsoft 365, убедитесь, что у вас установлена последняя версия Office.

Для этой темы Office характерны максимально контрастные визуальные элементы. Вот пример черной темы, примененной к PowerPoint:

«Белый»

Это классическое оформление Office. Вот пример белой темы в PowerPoint:

Если у вас есть подписка на Mac Microsoft 365 или 2019, вы можете установить режим macOS в темный режим, Office будет соблюдать этот выбор. Если вы по-прежнему используете Office 2016, вы можете выбрать Office темы: цветную или классическую.

Чтобы изменить тему Office, щелкните меню приложения Office (Word, Excel и т. д.) и выберите Параметры > Общие. В разделе Персонализация можно настроить тему.

Темный режим

Чтобы Office в темный режим (ночной режим), необходимо изменить этот параметр в системных настройках macOS. Щелкните меню Apple в левом верхнем меню, выберите Системные настройки > Общие и в верхней части диалогового окна вы можете переключить macOS с светлого на темный.

Вот пример Word в темном режиме.

Если вы хотите, чтобы для ос был включен темный режим, но вы хотите отключить его для отдельных приложений Office, перейдите к настройкам приложения (например, Word > Настройки)и на вкладке Общие найдите группу Персонализация. Там вы найдете отключение темного режима. Обратите внимание, что этот параметр влияет только на текущее приложение, поэтому если вы хотите отключить его в Word И Excel, например, вам потребуется повторить этот шаг в каждом из этих приложений.

«Разные цвета»

В этой теме цвета лент приложений Office соответствуют основным цветам их современных значков. Вот пример цветной темы в Word.

Классическая тема

Классическая тема для Office 2016, которым нужен классический Office. Вот пример классической темы в Word.

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


Еще до появления прошивки iOS 11, ходили слухи о новой черной теме, которой будет укомплектована новая операционная система телефонов iPhone и планшетов iPad (не путать с Ночным режимом). Но, как на стадии бета-тестирования, так и после выхода официального релиза, полноценной темной темы мы не увидели.

Мы решили включить эту новую функцию в iPhone c iOS 11 и посмотреть, что сделали в Apple на этот раз. Рабочий стол и экран блокировки при включенной смарт-инверсии становится на тон темнее, существенно темнеют лишь навигационные крошки снизу экрана (смотреть изображение выше).

Как включить почти темную тему в iOS 11


Так называемая «темная тема» в iOS 11 называется Смарт-инверсия, включается в настройках:

  • Запускаем на рабочем столе iPhone приложение Настройки – Основные – Универсальный доступ – Адаптация дисплея


Здесь выбираем:

  • Инверсия цвета – включаем Смарт-инверсия. Меню с настройками становится черным, шрифт пунктов становится белым, но цвет значков не меняется, остается как в обычном режиме. Все как и должно быть в нормальной черной теме.

В дополнение к затемнению, в iOS 11 можно зайти Настройки – Обои – Выбрать новые обои – Снимки, и включить черные обои для рабочих экранов и экрана блокировки.

На сколько темная iOS 11 в iPhone


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


Дальше запускаем приложение Телефон, в черном режиме клавиши набора номера смотрятся лучше чем в обычном режиме. Объясню почему, в обычном режиме, на iPhone с диагональю 4.7 дюйма, шрифты клавиш набора номера смотрятся слишком жирно или слишком черно, в режиме смарт-инверсии шрифт выглядит лучше. Кнопка все та же зеленая. Приложение Календарь тоже выглядит норм.


Ни каких претензий к черному режиму в Подкастах и приложении Музыка. Все понравилось и в App Store.


Первое впечатление было испорчено после запуска браузера, все содержимое web-страниц отображается как при обычной стандартной инверсии. Интернет-контент воспринимать обычному глазу неудобно. Изображения и видео на YouTube искажаются, отображаясь в противоположенной цветовой гамме, жесть какая то.


Та же дичь в приложениях и играх – зачем там применять инверсию, непонятно. Выше приложения Tubi (экономит трафик при просмотре видео) и Sudoku, которые тоже подверглись инверсии.

Черная клавиатура в iOS 11


Так выглядят черные клавиатуры в режиме смарт-инверсии. Пока их нельзя включать в обычном не черном режиме, жаль, если хотите черную клавиатуру в обычном режиме посмотрите Яндекс.Клавиатура, ссылка на нее  есть – здесь.

Неожиданностью стало приложение Сообщения, в котором зеленое сообщение, после включения темной темы в iOS 11 стало розовым.

Так как черная тема пока не полноценная, пользуюсь ей по необходимости тройным нажатием кнопки Домой, настроить тройной Home можно здесь: Настройки – Основные – Универсальный доступ – Сочетания клавиш – Смарт-инверсия.

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

Тёмная тема vs Светлая тема: что лучше? / Хабр

Примечание переводчика: тёмная тема в дизайне интерфейсов к 2020 году стала чуть ли не обязательной. Вслед за Apple и Android на поезд Dark Mode «впрыгнули» и другие крупнейшие игроки рынка (например, Google, What’s App, Instagram). Тёмную тему любят по нескольким причинам:

  1. Она экономит расход батареи;
  2. Считается, что она снижает напряжение глаз, и с ней легче работать при слабом освещении;
  3. Некоторым она просто больше нравится.

Но, оставив в стороне рассуждения об эстетике тёмной темы, так ли уж она полезна для глаз? На самом ли деле

тёмная тема повышает продуктивность

работы с текстом? Ралука Будиу (Raluca Budiu) из Nielsen Norman Group даёт исчерпывающие ответы.


* * *

У людей с нормальным (или скорректированным до нормального) зрением зрительное восприятие лучше работает со светлой темой, в то время как людям, имеющим катаракту или другие нарушения зрения, проще иметь дело с тёмной темой.

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

Спустя некоторое время после презентации тёмной темы на iOS 13

меня попросили высказать своё мнение

о пользовательских характеристиках тёмной темы и её популярности в дизайне. Этот же вопрос мне не раз задавали и на нашей

UX конференции.

iOS 13: Светлая тема (слева), тёмная тема (справа)

Должна сразу сказать, что NN/g (Nielsen Norman Group) не проводили своего собственного исследования на эту тему. Тем не менее эти вопросы заставили меня обратиться к академической литературе, исследующей вопрос, несёт ли в себе тёмная тема какие-либо преимущества для здоровых пользователей и пользователей с нарушениями зрения. В этой статье я поделюсь с вами своими открытиями и выводами, но сперва давайте определимся с терминами:

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

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

Человеческий зрачок чувствителен к количеству света

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

сферическим аберрациям

(которые нарушают чёткость изображения) и увеличивает глубину резкости, из-за чего человеку не приходится прикладывать усилия, чтобы сфокусироваться на тексте, что в свою очередь означает, что его глаза меньше устают во время чтения (апертура камеры работает по тому же принципу: фото, снятое при диафрагме f/2.8, будет иметь меньшую глубину резкости, чем фото, снятое при f/16, и соответственно будет более размыто).

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

Пользователи с нормальным зрением

Первые исследования, проведённые в 1980-х, привели к выводу, что у людей с нормальным или скорректированным (очками или контактными линзами) до нормального зрением полярный контраст не влияет на визуальное восприятие.

Тем не менее, более поздние исследования опровергают это начальное утверждение. Обратим внимание на следующие 2 статьи: одна, опубликованная в 2013 году в журнале Ergonomics (Эргономика), рассматривает остроту зрения и производительность чтения; вторая, опубликованная в 2017 Applied Ergonomics (Прикладная Эргономика), исследует эффективность скорочтения — быстрое прочтение 1-2 слов, которые часто встречаются людям при взаимодействии с мобильным телефоном, умными часами или приборной панелью автомобиля, а также на мобильных картах или уведомлениях.

Влияние полярного контраста на остроту зрения и корректуру текста

Козима Пипенброк (Cosima Piepenbrock) и её коллеги из Института экспериментальной психологии в Дюссельдорфе (Германия) изучали 2 группы взрослых людей с нормальным (и скорректированным до нормального) зрением: молодых людей в возрасте от 18 до 33 лет и старших в возрасте от 60 до 85 лет. Ни у кого из испытуемых не было глазных заболеваний (вроде катаракты и пр.).

Участникам были предложены 2 вида заданий:

  • Задание на остроту зрения — определить местонахождение разрыва в кольцах Ландольта (Ландольт С оптотип). Другими словами, испытуемым демонстрировался символ, схожий с буквой С, повернутой под разными углами, и они должны были определить, с какой стороны находится разрыв, то есть определить верх и низ.
  • Задание на корректуру, где требовалось прочитать короткий текст и найти в нём разные виды ошибок.

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

между субъектами

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

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

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

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

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

Влияние полярного контраста на беглость чтения

Джонатан Добрес (Jonathan Dobres) и его коллеги в MIT’s Agelab попытались дать количественную оценку, насколько освещённость влияет на эффективность светлой темы в контексте задачи «лексического решения». Задача «лексического решения» — метод в психологии, когда испытуемым предлагается серия букв, и они должны решить, является ли она словом или нет. Схожую задачу — беглое распознавание текста в условиях отвлечённости — мы решаем, когда ведём машину или пользуемся мобильным телефоном на ходу. Во всех перечисленных случаях требуется быстро взглянуть на дисплей и извлечь нужную информацию.

Участники исследования в Agelab имели нормальное и скорректированное до нормы зрение. Серии букв демонстрировались им в положительном и отрицательном полярном контрасте (светлой и тёмной темах), в разных условиях освещения (дневной и ночной свет) и в разных размерах шрифта.

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

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

То, что разный полярный контраст дал фактически одинаковые результаты в тестах с искусственным дневным светом, стало неожиданностью, кроме того, это противоречит более раннему исследованию, проведённому Buchner and Baumgartner, которое также изучало влияние количества освещенности. Впрочем, в том исследовании использовался дневной свет гораздо меньшей силы, чем в эксперименте Agelab (надо полагать, речь про сопоставление офисного освещения и яркого дневного света). Добрес с коллегами настаивают на том, что сила дневного освещения влияет на эффективность светлой темы — яркий свет сводит её эффективность к нулю, в то время как рассеянный офисный свет усиливает её преимущество.

Долгосрочные последствия

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

Интересное исследование, опубликованное в Nature Research’s Scientific Reports в 2018 году предполагает, что постоянное использование светлой темы может вызвать миопию. Миопия (или близорукость) — неспособность чётко видеть далёкие объекты — сильно обусловлена уровнем образования человека и тем, сколько он читает. В своём исследовании Андреа Эйлман (Andrea Aleman) и её коллеги в Университете Тюбингена в Германии дали 7 участникам задание 1 час читать текст в светлой теме, и 1 час — в тёмной теме. Чтобы понять, повысилась ли их предрасположенность к миопии, учёные замеряли толщину хориоидеи — сосудистой оболочки глаза. Истончение хориоидеи ассоциируют с миопией.

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

Пользователи с нарушениями зрения

Парадоксально, но о людях с нарушениями зрения гораздо меньше научной литературы, чем о здоровых, хотя есть негласное соглашение, что тёмная тема рекомендована по меньшей мере некоторым из них. Гордон Легг (Gordon Legge) с коллегами из Университета Миннесоты выделяют два вида снижения зрения: 1) нарушения центрального зрения; 2) нарушение прозрачности глазных сред.

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

Уже в 1977 году в исследовании Слоуна было отмечено, что некоторые люди со слабым зрением предпочитали тёмную тему. В наших собственных исследованиях на тему доступной среды Кара Пернис (Kara Pernice) также наблюдала, что пользователи со слабым зрением иногда переключались со светлой темы на тёмную с целью получить большую ясность. В 1985 Гордон Легг и его коллеги из Университета Миннесоты выдвинули гипотезу, что дело в «аномальном рассеивании света, вызванным помутнением глазных сред», ведь чем больше света попадает на затемнённую линзу, тем больше она даёт искажения. Таким образом, тёмная тема может быть лучше для людей с помутнением глазных сред, так как при ней экран излучает меньше света.

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

Эта работа Легга стала причиной наличия тёмной темы в современных компьютерных интерфейсах. В 2005 году Пападопулос (Papadopoulos) и Гудирас (Goudiras) в своей статье о доступной среде для слабовидящих пользователей рекомендовали, чтобы во всех пользовательских интерфейсах была возможность перейти со светлой темы на тёмную.

Правда, тут есть одна оговорка — исследование Легга проводилось с использованием ЭЛТ-мониторов (CRT), а в наше время их повсеместно вытеснили LED-мониторы. ЭЛТ-мониторы были склонны сильнее мерцать в светлой теме, чем в тёмной, что по всей видимости делает результаты эксперимента необъективными.

Выводы

Так стоит ли нам всем переходить на тёмную тему в свете её популярности сегодня? Хотя тёмная тема и несёт в себе пользу для людей с нарушениями зрения, в особенности связанных с помутнением глазных сред (например, катарактой), результаты исследований указывают на преимущество положительного полярного контраста для пользователей со здоровым зрением. Иными словами,

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

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

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

Тем не менее, дизайнерам следует предусмотреть наличие тёмной темы в опциональном режиме по трём причинам: 1) светлая тема может привести к нежелательным последствиям в долгосрочной перспективе; 2) людям с определёнными нарушениями зрения будет проще работать в тёмной теме; 3) некоторым пользователям просто больше нравится тёмная тема. Мы знаем, что люди редко меняют настройки, принятые по умолчанию, но у них должна быть такая возможность. Конечно, вряд ли кто-то будет менять настройки отображения для какого-то случайного сайта, но если речь идёт о сайте или приложении, которым пользуются на постоянной основе, эта возможность должна быть предусмотрена. В особенности это касается приложений, предназначенных для длительного чтения, таких как приложения для чтения книг, журналы и новостные сайты. Причём в идеале эта функция должна присутствовать на всех страницах приложения или сайта. Более того, если операционная система сама предлагает тёмную тему в своих интерфейсах (как, например, iOS), воспользуйтесь этим, чтобы ваши пользователи сами могли выбирать тот полярный контраст, который они предпочитают.

Темная тема Google Search превращается из серой в черную как смоль в Интернете примерно

Приготовьтесь к тому, что тьма сгущается еще больше

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

Через: 9to5Google

Google тестирует темную как смоль тему (цветовой код #000000) на своих страницах результатов поиска для настольных компьютеров, сообщает 9to5Google. Новый дизайн также делает ссылки более яркими с более темным синим оттенком. Даже фиолетовый цвет для ранее посещенных страниц был немного изменен, чтобы стать смелее.

Сообщается, что это изменение не влияет на главную страницу google.com (которая по-прежнему имеет светло-серый цвет) и доступно только для тех, кто случайно включен в A/B-тест. Хотя новый интерфейс еще не доступен для всех, старый полностью доступен для использования. Перейдите к любому стандартному поиску Google, щелкните значок Настройки рядом с изображением вашего профиля пользователя в правом верхнем углу, перейдите на вкладку Внешний вид и выберите Темная тема .

Тем не менее,

Темная тема — не единственное, что назревает для поиска Google. Ранее мы видели проблески новой динамической цветовой темы для изображений. Эта функция не совсем «Материал для вас», которая берет кусочки цвета с обоев вашего телефона. Вместо этого, как сообщается, он будет использовать тот же базовый движок тем (получивший название «Monet») для получения цветов непосредственно из результата изображения, отображаемого в данный момент.

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

12 удивительных секретов Google Pixel, которые экономят время

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

Читать Далее

Об авторе Харун Адаму (опубликовано 108 статей)

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

Более От Харун Адаму

Темная тема Google Поиска тестирует затемненный вид

Темная тема Поиска Google впервые появилась в форме A/B-тестирования на экранах настольных компьютеров некоторых пользователей ближе к концу 2020 года.Примерно через год тестирования началось более широкое развертывание , предлагающее пользователям возможность включить «Темную тему» ​​в верхней части веб-результата . Эта темная тема превратила вашу страницу поиска Google в серый фон с необходимыми изменениями цвета для последующих ссылок и текстовых элементов.

Похоже, Google снова проводит A/B-тест. На этот раз темная тема становится более «затемненной», фон страниц результатов поиска меняется на настоящий черный #000000 .Этот тест, кажется, появляется только для избранных и только для страницы результатов поиска, в то время как домашняя страница google.com остается неизменной.

Рекламные объявления

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

Включение «Темной темы» в настройках поиска Google

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

Рекламные объявления

#000000 Темная тема глазами тех, кто был выбран для A/B-теста светлая, темная или «самая темная» тема или полностью изменить «Темную тему», чтобы она соответствовала более затемненному виду.Независимо от того, в каком направлении Google решит пойти, мои глаза будут благодарны им за любой оттенок темного режима, который можно реализовать в интерфейсе Chrome или Chrome OS. Будем надеяться, что скоро мы это узнаем.

Источник: 9to5Google

Темная тема | Плагин Дженкинса

Этот репозиторий содержит темную тему для Дженкинса.

Требуется Дженкинс >= 2.249.1

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

Установка через центр обновлений Jenkins

Чтобы установить эту тему, найдите «Темную тему» ​​в центре обновлений Jenkins.

Затем перейдите на страницу «Настройка системы», найдите «Встроенные темы» и выберите «Темная (учитывать системные настройки ОС/браузера)»

или с плагином конфигурации как кода:

 неклассифицированный:
  менеджер темы:
    отключитьUserThemes: правда
    theme: "darkSystem" # используйте "dark" для включения темной темы независимо от настроек ОС 

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

Плагин простой темы

Если вы не можете установить этот плагин по какой-то причине, вы можете использовать плагин Simple Theme.

Инструкции по установке темы см. в документации по подключаемому модулю.

Примечание: замените «имя тега» на последнюю выпущенную версию:

URL-адреса CSS:

  https://cdn.jsdelivr.net/gh/jenkinsci/[email protected]/src/main/resources/io/jenkins/plugins/darktheme/theme.css
https://cdn.jsdelivr.net/gh/jenkinsci/[email protected]<имя-тега>/src/main/resources/io/jenkins/plugins/darktheme/theme-system.css
  
  • theme.css — включает темную тему для всех пользователей
  • theme-system.css — учитывает системные настройки пользователя для темного / светлого режима, в большинстве случаев это тема, которую вы должны использовать

или с плагином конфигурации как кода:

 неклассифицированный:
  простой-тема-плагин:
    элементы:
      - cssURL:
          адрес: https://cdn.jsdelivr.net/gh/jenkinsci/[email protected]<имя-тега>/theme-system.css"
          #url: "https://cdn.jsdelivr.net/gh/jenkinsci/[email protected]<имя тега>/theme.css" 

Скриншоты

Главный экран:

Консоль сборки:

Совместимость с браузером

Тема должна быть совместима со всеми современными браузерами.

Никакая версия IE не будет поддерживаться.

Совместимость с Дженкинсом

Этот проект находится в активной разработке и нуждается в последней версии Jenkins, по крайней мере v2.240.

Мы сделаем все возможное, чтобы новые версии темы не мешали старым поддерживаемым версиям Jenkins.

Чтобы быть в безопасности, вы должны использовать наши опубликованные выпуски вместо того, чтобы полагаться на основную ветку

Ссылки

Содействие

Любые дополнения к темной теме и совместимости приветствуются! См. CONTRIBUTING.md для ознакомления с инструкциями по взносам. И спасибо всем соавторам!

Ссылки

Как включить темный режим в Google — руководство по теме Chrome Black

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

В этой статье я покажу вам, как включить темную тему в приложении Google Chrome как на компьютерах с Windows, так и на телефонах Android. Мы также узнаем, как включить темную тему для Google с некоторыми расширениями Chrome.

На этом все не заканчивается — после прочтения этой статьи вы также сможете запускать приложения Windows в темном режиме.

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

Шаг 1 : Чтобы включить темную тему для Google на ПК с Windows 10, нажмите «Пуск» или нажмите клавишу WIN (Windows).

Шаг 2 : Нажмите Настройки

Шаг 3 : Нажмите Персонализация

Шаг 4 : Выберите «Цвета» на вкладке меню

Шаг 5 : И, наконец, в разделе «Выберите режим приложения по умолчанию» выберите темный.

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

Чтобы убедиться, что Google теперь работает в темном режиме, откройте приложение Chrome и выполните поиск в Google:

.

Другие части Chrome также будут работать с темной темой:

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

Чтобы включить темную тему для Google с расширением Chrome, загрузите и активируйте расширение Just Black для Chrome из Интернет-магазина Chrome.

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

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

Шаг 1 : Чтобы включить темный режим для Google на телефоне Android, откройте приложение Chrome и нажмите на три точки в правом верхнем углу.

Шаг 2 : Настройки касания

Шаг 3 : Выберите тему

Шаг 4 : Наконец, выберите темный

Ваше мобильное приложение Chrome должно быть в темном режиме, включая страницу поиска Google:

Заключение

В этой статье вы узнали, как включить темный режим для Google на компьютерах с Windows и телефонах Android.

Вы также узнали, как сделать то же самое с расширением Chrome.

Есть несколько других расширений, которые дают вам темный режим в Chrome, так что не стесняйтесь проверить их в Интернет-магазине Chrome.

Спасибо за прочтение и приятного времяпрепровождения.

ТЕМЫ ИСТОРИИ ЧЕРНЫХ — ASALH — Месяц основателей истории чернокожих

Когда Картер Г. Вудсон учредил Неделю истории негров в 1926 году, он осознал важность предоставления темы для привлечения внимания общественности.Намерение никогда не состояло в том, чтобы диктовать или ограничивать исследование опыта чернокожих, а в том, чтобы привлечь внимание общественности к важным событиям, заслуживающим внимания.

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

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

2022- Black Health and Wellness

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

В целях укрепления здоровья и хорошего самочувствия чернокожие приступили к инициативам по самоопределению, взаимопомощи и социальной поддержке для строительства больниц, медицинских школ и школ медсестер (например, Медицинский колледж Мехарри, Медицинский колледж Университета Говарда, Провидентская больница и Учебная школа, Медицинская школа Морхауза и др.) и районные поликлиники. Клиники были созданы отдельными лицами, общественными организациями и обществами взаимопомощи, такими как Общество Африканского союза, Национальная ассоциация цветных женщин и Партия «Черные пантеры», чтобы предоставить чернокожим возможность противостоять неравенству и дискриминации в области экономики и здоровья, которые встречаются в господствующей среде. учреждения. Эти различия и анти-чернокожие привели к тому, что в сообществах появились такие фразы, как «Когда белые простужаются, черные болеют пневмонией». Инициативы, направленные на уменьшение неравенства, привели к нескольким результатам, в том числе к более разнообразным практикам и представительству во всех сегментах медицинских и медицинских программ, включая такие, как Рональд Э.Ученые Макнейра. Нельзя сбрасывать со счетов даже влияние текстов популярной культуры, таких как Doc McStuffins.

Развитие таких областей, как общественное и общественное здравоохранение и информатика здравоохранения, привело к росту профилактической помощи и сосредоточению внимания на положительном отношении к телу, физических упражнениях, питании, изучении других вариантов питания, таких как веганство и вегетарианство, а также садоводстве. Black Health and Wellness включает в себя не только физическое тело, но и эмоциональное и психическое здоровье. На данный момент в 21 веке наше понимание здоровья и хорошего самочувствия чернокожих стало шире и детальнее, чем когда-либо.Социальные сети и подкасты, такие как The Read, организованный Криссл и Кидом Фьюри, сделали нормой разговоры о психическом здоровье и посещении терапии, а также такие инициативы, как Therapy for Black Girls. Многие из нас понимают необходимость удерживать, поднимать, центрировать и яростно бороться за наших любимых транс-братьев, сестер и семьи. Темнокожие девушки занимаются дыхательной гимнастикой, и есть целые студии йоги, посвященные цветным людям.

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

Во все еще нависшей тени пандемии COVID-19 чернокожие должны и используют данные и другие способы обмена информацией для документирования, осуждения и агитации против взаимосвязанного, пересекающегося неравенства, намеренно встроенного в системы и структуры в США.ни по какой другой причине, кроме как сократить, ограничить и уничтожить благополучие черных во всех формах и жизнях черных. Более того, чернокожие сообщества должны обратиться к прошлому, чтобы пролить свет на наше будущее, приняв ритуалы, традиции и методы лечения наших предков. Эти способы познания требуют деколонизации мышления и практики.

Щелкните здесь, чтобы загрузить файл в формате PDF для печати

Книги, веб-сайты и другие исторические материалы и справочники о здоровье и благополучии чернокожих

2023- Противодействие чернокожему насилию и сопротивлению в диаспоре

1928 г. Цивилизация: мировое достижение
1929 г. Возможность включения истории негров в учебный план
1930 г. Важные достижения негров
1931 г. Забытые аспекты негритянской истории Вклад негров в поэзию, живопись, скульптуру и науку. Раса: ораторское искусство, драма, музыка, живопись, скульптура, наука и изобретения
1939 г. Особые достижения расы: религия, образование, бизнес, архитектура, инженерное дело, инновации, новаторство
1940 г. Негритянский труд
1941 г. Карьера Фредерика Дугласа
1942 г. Негр в демократии
1943 Негр в современном мире
1944 Негр и новый Ор der
1945 Негры и реконверсия
1946 Давайте иметь мир
1947 Демократия возможна только через братство
1948 Вся правда и ничего, кроме правды
1949 Использование спиритуалов в классе
1950 — Выдающиеся моменты в негритянской истории
1950 Негры в мировых делах
1952 Великие негритянские педагоги (учителя)
1953 Негритянская история и человеческие отношения
1954 Негритянская история: основа для интеграции
1955 Негритянская история: вклад в межкультурную жизнь Америки
1956 Негритянская история в эпоху изменения человеческих отношений
1957 г. История негров
1958 г. История негров: фактор национализма и интернационализма
1959 г. История негров: основа гордой Америки
1960 г. Укрепление Америки посредством изучения негритянской истории и африканской культуры
1961 г. Свобода и демократия для негров через 100 лет ( 1861-1961)
1962 Негритянская история и новое рождение свободы
1963 Негритянская история Ева luates Эмансипация (1863-1963)
1964 Негритянская история: основа новой свободы
1965 Негритянская история: Фонд свободы
1966 Свобода от расовых мифов и стереотипов через негритянскую историю
1967 Негритянская история в доме, школе и обществе
1968 г. Столетие четырнадцатой поправки к поправке Неделя афроамериканской истории
1969 г. Изменение образа афроамериканцев в истории
1970 г. 15-я поправка и черная Америка в столетии (1870–1970)
1971 г. Африканская цивилизация и культура: достойный исторический фон
1972 г. Африканское искусство , музыка, литература; ценный культурный опыт
1973 г. Биография освещает опыт чернокожих
1974 г. Помочь Америке понять
1975 г. Выполнение обещания Америки: Месяц истории чернокожих
1976 г. Америка для всех американцев
1977 г. Дни наследия: перспектива чернокожих; Третий век
1978 Корни, достижения и прогнозы
1979 История: факел будущего
1980 Наследие для Америки
1981 История чернокожих: образец для подражания для молодежи
1982 Выживание афроамериканцев
1983 Афроамериканцы в Соединенных Штатах
1984 Образование
1985 Афроамериканская семья
1986 Афроамериканский опыт: международные связи
1987 Афроамериканцы и Конституция от колониальных времен до наших дней
1988 Конституционный статус афроамериканцев в 21 веке
1989 Афроамериканцы и религия
1990 Семьдесят пять лет научных достижений: дань уважения нашим предкам
1991 г. Обучение Америки: университеты и колледжи для чернокожих, сильные стороны и кризис
1992 г. Африканские корни знакомятся с новыми мирами, от доколумбовых исследований космоса
1993 г. Афроамериканские ученые: лидеры, активисты и писатели
1994 г. Расширение прав и возможностей чернокожих американцев
1995 г. Размышления о 1895 г.: Дуглас, Дюбуа и Вас hington
1996 Чернокожие женщины
1997 Афроамериканцы и гражданские права; a Возмездие
1998 Черный бизнес
1999 Наследие афроамериканского лидерства в настоящем и будущем
2000 Наследие и горизонты: афроамериканское наследие и вызовы 21 века
2001 Создание и определение афроамериканского сообщества: семья, церковная политика и культура
2002 Новый взгляд на цветную линию: умер ли расизм?
2003 г. Души чернокожих: размышления о столетии
2004 г. До Брауна, за пределами границ: празднование 50-летия дела Браун против.Совет по образованию
2005 г. Ниагарское движение: Возрождение черного протеста, 1905-2005 гг.
2006 г. Празднование сообщества: дань уважения чернокожим братским, социальным и гражданским институтам
2007 г. От рабства к свободе: африканцы в Америке
2008 г. Картер Г. Вудсон и Истоки мультикультурализма
2009 г. В поисках чернокожего гражданства в Америке
2010 г. История расширения экономических возможностей чернокожих
2011 г. Афроамериканцы и гражданская война
2012 г. Черные женщины в американской культуре и истории
2012 г. Прокламация президента Барака Обамы о национальном месяце истории чернокожих
2013 г. На перекрестке свободы и равенства: Прокламация об освобождении
и Марш на Вашингтон
2014 г. Гражданские права в Америке
2015 г. Век черной жизни, истории и культуры
2016 г. Кризис в образовании чернокожих
2018 г. – Афроамериканцы во время войны
2019 г. – Миграция чернокожих
2020 г. – Афроамериканцы и голосование
2021 – Черная семья: представительство, идентичность и разнообразие.

Browser Theme — лучшая темная, черная и светлая тема

Темные и черные темы

Темная тема для вашего веб-браузера

Темная тема для вашего веб-браузера. Это просто и последовательно.

Это одна красивая темная тема (темная кожа) для вашего веб-браузера. Это просто и понятно со стилем расширения Turn Off the Lights Browser.

Здесь тема высокого качества использует не сияющий черный цвет в качестве фона и цвета рамки.Потому что это отражает все обратно к вам. Вот почему эта темная тема на 80% черная, она имеет тот же темный цвет, что и слой выключения света в расширении браузера Turn Off the Lights. Эта темная тема очень удобна для глаз в ночное время.


Получить тему Chrome Получить тему Firefox Получить тему Microsoft Edge

Узнайте больше о дизайне и качестве лучшей темной темы для Google Chrome, темной темы для Firefox и темной темы для Microsoft Edge.

Черная тема для вашего веб-браузера

Черная тема для вашего веб-браузера, которая защищает ваши глаза поздно ночью.

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

Это 100% сплошной черный фон темы. От строки заголовка до содержимого фрейма в веб-браузере.


Получить тему Chrome Получить тему Firefox Получить тему Microsoft Edge

Узнайте больше о дизайне и качестве полной черной темы для Google Chrome, полной черной темы для Firefox и полной черной темы для Microsoft Edge.

Черно-белая тема для вашего веб-браузера

Черно-белая тема для вашего веб-браузера, простая, чистая, красивая черная и не режет глаза.

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


Получить тему Chrome Получить тему Firefox

Узнайте больше о дизайне и качестве великолепной черно-белой темы для Google Chrome и черно-белой темы для Firefox.

Яркие темы

Светлая тема для вашего веб-браузера

Легкая тема для вашего веб-браузера.Это просто и последовательно.

Светлая черно-белая тема для вашего веб-браузера. Это просто и согласуется с расширением браузера Turn Off the Lights.


Получить тему Chrome Получить тему Firefox

Узнайте больше о дизайне и качестве простой светлой темы для Google Chrome и светлой темы для Firefox.

Красочные темы

Тема ко Дню святого Валентина для вашего веб-браузера

Получите красную тему для вашего веб-браузера. И покажите вам сердце на день святого Валентина в центре вашей новой вкладки.

Получите красную тему Дня святого Валентина для вашего веб-браузера. Это вдохновлено расширением браузера Turn Off the Lights.


Получить тему Chrome Получить тему Firefox

Узнайте больше о дизайне и качестве этой темы «День святого Валентина» для Google Chrome и темы «День святого Валентина» для Firefox.

Часто задаваемые вопросы по теме браузера

Преобразует ли эта темная тема браузера все мои любимые веб-сайты в темную тему?

Нет, темная тема браузера изменит только цвет пользовательского интерфейса веб-браузера.И это включает в себя панель инструментов, адресную строку и вкладки. Если вы хотите изменить и веб-сайт, установите бесплатное расширение для браузера Turn Off the Lights и включите функцию ночного режима. Это превратит каждый веб-сайт в вашу индивидуальную ночную тему.

Как удалить тему Chrome?

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

Могу ли я изменить цвет этой темы браузера?

Нет, тему браузера нельзя настроить под свой личный стиль. Это то, что вы видите, это то, что вы получаете в своем веб-браузере.

Все ли темы браузера бесплатны?

Да, это все бесплатно для настройки и персонализации вашего любимого веб-браузера. И темы доступны для веб-браузеров Google Chrome и Firefox.

Темный режим для изменения цветовых схем и свойств CSS

  




body.темный {
--ion-color-primary: #428cff;
--ion-color-primary-rgb: 66, 140, 255;
--ion-color-primary-contrast: #ffffff;
--ion-color-primary-contrast-rgb: 255, 255, 255;
--ion-color-primary-shade: #3a7be0;
--ion-color-primary-tint: #5598ff;

--ion-color-secondary: #50c8ff;
--ion-color-secondary-rgb: 80, 200, 255;
--ion-color-secondary-contrast: #ffffff;
--ion-color-secondary-contrast-rgb: 255, 255, 255;
--ion-color-secondary-shade: #46b0e0;
--ion-color-secondary-tint: #62ceff;

--ion-color-tretiary: #6a64ff;
--ion-color-tertiary-rgb: 106, 100, 255;
--ion-color-tretiary-contrast: #ffffff;
--ion-color-tretiary-contrast-rgb: 255, 255, 255;
--ion-color-tretiary-shade: #5d58e0;
--ion-color-tretiary-tint: #7974ff;

--ion-color-success: #2fdf75;
--ion-color-success-rgb: 47, 223, 117;
--ion-color-success-contrast: #000000;
--ion-color-success-contrast-rgb: 0, 0, 0;
--ion-color-success-shade: #29c467;
--ion-color-success-tint: #44e283;

--ion-color-warning: #ffd534;
--ion-color-warning-rgb: 255, 213, 52;
--ion-color-warning-contrast: #000000;
--ion-color-warning-contrast-rgb: 0, 0, 0;
--ion-color-warning-shade: #e0bb2e;
--ion-color-warning-tint: #ffd948;

--ion-color-danger: #ff4961;
--ion-color-danger-rgb: 255, 73, 97;
--ion-color-danger-contrast: #ffffff;
--ion-color-danger-contrast-rgb: 255, 255, 255;
--ion-color-danger-shade: #e04055;
--ion-color-danger-tint: #ff5b71;

--ion-color-dark: #f4f5f8;
--ion-color-dark-rgb: 244, 245, 248;
--ion-color-dark-contrast: #000000;
--ion-color-dark-contrast-rgb: 0, 0, 0;
--ion-color-dark-shade: #d7d8da;
--ion-color-dark-tint: #f5f6f9;

--ion-color-medium: #989aa2;
--ion-color-medium-rgb: 152, 154, 162;
--ion-color-medium-contrast: #000000;
--ion-color-medium-contrast-rgb: 0, 0, 0;
--ion-color-medium-shade: #86888f;
--ion-color-medium-tint: #a2a4ab;

--ion-color-light: #222428;
--ion-color-light-rgb: 34, 36, 40;
--ion-color-light-contrast: #ffffff;
--ion-color-light-contrast-rgb: 255, 255, 255;
--ion-color-light-shade: #1e2023;
--ion-color-light-tint: #383a3e;
}






.ios body.dark {
--ion-background-color: #000000;
--ion-background-color-rgb: 0, 0, 0;

--ion-text-color: #ffffff;
--ion-text-color-rgb: 255, 255, 255;

--ion-color-step-50: #0d0d0d;
--ion-color-step-100: #1a1a1a;
--ion-color-step-150: #262626;
--ion-color-step-200: #333333;
--ion-color-step-250: #404040;
--ion-color-step-300: #4d4d4d;
--ion-color-step-350: #595959;
--ion-color-step-400: #666666;
--ion-color-step-450: #737373;
--ion-color-step-500: #808080;
--ion-color-step-550: #8c8c8c;
--ion-color-step-600: #999999;
--ion-color-step-650: #a6a6a6;
--ion-color-step-700: #b3b3b3;
--ion-color-step-750: #bfbfbf;
--ion-color-step-800: #cccccc;
--ion-color-step-850: #d9d9d9;
--ion-color-step-900: #e6e6e6;
--ion-color-step-950: #f2f2f2;

--ion-item-background: #000000;

--ion-card-background: #1c1c1d;
}

.ios body.dark ion-modal {
--ion-background-color: var(--ion-color-step-100);
--ion-toolbar-background: var(--ion-color-step-150);
--ion-toolbar-border-color: var(--ion-color-step-250);
--ion-item-background: var(--ion-color-step-150);
}






.md body.dark {
--ion-background-color: #121212;
--ion-background-color-rgb: 18, 18, 18;

--ion-text-color: #ffffff;
--ion-text-color-rgb: 255, 255, 255;

--ion-border-color: #222222;

--ion-color-step-50: #1e1e1e;
--ion-color-step-100: #2a2a2a;
--ion-color-step-150: #363636;
--ion-color-step-200: #414141;
--ion-color-step-250: #4d4d4d;
--ion-color-step-300: #595959;
--ion-color-step-350: #656565;
--ion-color-step-400: #717171;
--ion-color-step-450: #7d7d7d;
--ion-color-step-500: #898989;
--ion-color-step-550: #949494;
--ion-color-step-600: #a0a0a0;
--ion-color-step-650: #acacac;
--ion-color-step-700: #b8b8b8;
--ion-color-step-750: #c4c4c4;
--ion-color-step-800: #d0d0d0;
--ion-color-step-850: #dbdbdb;
--ion-color-step-900: #e7e7e7;
--ion-color-step-950: #f3f3f3;

--ion-item-background: #1e1e1e;

--ion-toolbar-background: #1f1f1f;

--ion-tab-bar-background: #1f1f1f;

--ion-card-background: #1e1e1e;
}
Копировать .

Добавить комментарий

Ваш адрес email не будет опубликован.