 |
Краткое описание | Плагин Colorful Categories использует цвета каждой категории в большем количестве мест, когда вы находитесь в списке тем категории или внутри темы. |
 |
Предпросмотр | Предпросмотр в конструкторе тем Discourse |
 |
Ссылка на репозиторий | https://github.com/discourse/discourse-colorful-categories |
 |
Новичок в темах Discourse? | Руководство для начинающих по использованию тем Discourse |
Установить этот компонент темы
Возможности
Плагин Colorful Categories использует цвета каждой категории в большем количестве мест, когда вы находитесь в списке тем категории или внутри темы: в заголовке, кнопках ответа/создания, временной шкале темы и редакторе сообщений.
Цвета редактора сообщений будут меняться в зависимости от выбранной категории:
Настройки
Каждое из вышеупомянутых изменений цвета можно отключить в настройках темы.
| Название | Описание |
|---|---|
| use category color in composer | отключить, чтобы использовать цвета редактора по умолчанию |
| use category color in header | отключить, чтобы использовать цвета заголовка по умолчанию |
| use category color in timeline | отключить, чтобы использовать цвета временной шкалы темы по умолчанию |
| use category color in buttons | отключить, чтобы использовать цвета кнопок по умолчанию |
Примечания для разработчиков
Вы можете отключить все настройки, если хотите использовать этот компонент как способ переиспользования цветов категорий в виде пользовательских CSS-свойств. Например, на каждой странице категории и в каждой теме будут установлены следующие свойства:
--category-color
--category-text-color
А редактор сообщений получит:
--composer-category-text-color
--composer-category-color
Их можно использовать где угодно в вашем собственном CSS, например:
body {
background: var(--category-color);
}
Существуют некоторые значения по умолчанию, которые устанавливаются, если категория отсутствует. Вы можете изменить их в своем собственном CSS:
:root {
--composer-category-text-color: var(--secondary);
--composer-category-color: var(--tertiary);
--category-color: var(--secondary);
--category-text-color: var(--primary-low-mid);
}
Хостинг у нас? Компоненты тем доступны для использования на наших тарифах Standard, Business и Enterprise.
