Есть ли способ определить использование тёмной темы?

Разработка
1

Есть ли способ в компоненте плагина или темы определить, использует ли текущая тёмную тему?
Или можно получить ID активной темы?
Или стоит создавать разные компоненты тем для светлых и тёмных тем?

2

Здравствуйте,

Я думаю, что есть несколько способов это сделать.

Вы можете использовать это

Или это

Мне очень нравится раздел Связанные темы в Discourse AI :smiley:, так намного проще организовывать и находить темы.

Screenshot_20230416_122730
Screenshot_20230416_1227301080×1396 139 KB

3

Лично я предпочитаю иметь отдельные тёмную и светлую темы, а не тёмный и светлый режимы одной темы. Мне кажется, что некоторым пользователям этот дополнительный выпадающий список кажется запутанным. Я просто создаю светлые и тёмные версии тем и размещаю их в меню-гамбургере, но у меня всего четыре активные темы (хотя я делал тематические темы для специальных событий на ограниченное время; например, у нас были светлая и тёмная темы Masters Golf для турнира). Нужно просто следить за цветовыми палитрами.

4

Я решил это, добавив одну строку кода в раздел Head каждой темы в зависимости от цветов:

document.body.classList.add(“dark-theme”);

document.body.classList.add(“light-theme”);

Спасибо за ваши комментарии @Don @Lilly