Объяснение тёмной темы: как выбрать её и как включить переключение

Введение

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

Что такое темный режим?

Как объясняет Forbes,

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

Темный режим — это, по сути, преимущественно темная тема на вашем устройстве (обычно черная или серая) со светлым текстом для контраста. В Discourse существует множество тем, поддерживающих как светлые, так и темные цветовые схемы.

Как выбрать темный режим?

В вашем форуме Discourse администратор должен сначала установить его. В разделе admin/customize/themes администратор может выбрать «Dark» в списке популярных тем.
После этого вам нужно перейти в раздел my/preferences/interface, чтобы изменить тему. Вы должны увидеть следующую страницу.
(Мобильная версия)

После этого выберите выпадающий список, в котором отображается текущая тема, или найдите выпадающий список «Theme». В моем случае это Meta Branded.
Затем в выпадающем списке выберите «Dark» или любую тему с темной цветовой схемой (мы скоро узнаем, как это сделать).
После выбора желаемой темы нажмите на выпадающий список «Regular». Выберите любую цветовую схему, в названии которой есть слово «Dark». К распространенным относятся «Dark», «WCAG Dark» и «Solarized Dark».

:warning: Выбор любой цветовой схемы для светлого режима не даст хороших результатов при следовании этому руководству. Рекомендуется выбрать «Dark» для данного руководства, так как мы будем использовать именно её.

После выполнения всех этих действий нажмите кнопку Save Changes в нижней части страницы. Это переведет Discourse в темный режим (или, точнее, в темную цветовую схему).

Для чего нужен выпадающий список «Dark mode»?

Я понимаю, что вы, вероятно, задаетесь этим вопросом.
Проще говоря, цветовая схема, указанная там, активируется, когда ваше устройство находится в темном режиме. Выбранная цветовая схема будет переопределять ту, что выбрана в выпадающем списке «Regular», когда ваше устройство находится в темном режиме.
Обычно вам не придется изменять эту настройку. Однако, если вы выбрали цветовую схему в разделе «Regular» и хотите, чтобы она оставалась такой же в «Dark mode», чтобы не переключаться каждый раз при смене цветовых схем, вы можете установить выпадающий список «Dark mode» в значение «Same as regular». Тогда Discourse будет следовать схеме, выбранной в «Regular».
Если ваше устройство находится в светлом режиме, выпадающий список «Dark mode» не будет иметь никакого эффекта.

Так как же проверить, есть ли у темы темная цветовая схема?

Ах, да! В основном вы можете выбрать тему, бегло просмотреть поддерживаемые цветовые схемы и проверить, есть ли среди них темные. Хорошим ориентиром является поиск «WCAG Dark», так как это цветовая схема, соответствующая стандартам доступности.

Переключатель Темный/Светлый

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

Для получения дополнительной информации о переключателе см. эту тему:

Заключение

Вот и всё! Вам удалось найти раздел для смены темы на темный режим и поэкспериментировать с различными цветовыми схемами!


Источники и ссылки

Forbes: https://www.forbes.com/uk/advisor/mobile-phones/what-is-dark-mode-and-should-you-be-using-it/
Добавление темного режима для администраторов: Looking for default dark theme - #2 by JammyDodger

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

6 лайков

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

3 лайка

Я загрузил(а) его снова. Попробовать ещё раз?

4 лайка

Теперь работает! :grinning_face_with_smiling_eyes:

3 лайка

Я обновил пост с учетом недавнего слияния компонента в ядро.

3 лайка