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

Введение

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

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

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

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

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

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

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

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

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

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

Для чего нужен раскрывающийся список «Тёмный режим»?

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

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

Ах, да! В основном вы можете выбрать тему, взглянуть на поддерживаемые цветовые схемы и проверить, есть ли среди них тёмные. Хорошим ориентиром будет поиск «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 лайков

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

4 лайка

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

5 лайков

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

4 лайка

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

4 лайка