Автоматическое переключение цветовой схемы в тёмном режиме

Теперь вы можете настроить свой сайт Discourse так, чтобы он автоматически переключал цветовую схему, когда устройство пользователя находится в тёмном режиме. Для быстрого просмотра перейдите на экземпляр try.discourse.org и включите/выключите тёмный режим на вашем устройстве, чтобы увидеть эту новую функцию в действии. (Эта функция не включена на meta.)

Включение автоматического тёмного режима

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

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

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

Файлы, загруженные в этих настройках, заменят обычную настройку с тем же именем, если: а) включено автоматическое переключение тёмного режима и устройство пользователя находится в тёмном режиме, или б) пользователь использует тёмную тему (даже если не в тёмном режиме). Сайты, которые ранее использовали https://meta.discourse.org/t/alternative-logos-for-dark-light-themes/88502, теперь могут перейти на использование настроек сайта ядра и удалить этот компонент.

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


Выборщик цветовой схемы, выбранный пользователем

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

После этого пользователи должны увидеть два выпадающих списка на странице «Настройки» > «Интерфейс»:

См. также Update themes and plugins to support automatic dark mode

56 лайков