Использование рамки для контейнера основной темы сейчас довольно модно, но я не хотел создавать полноценную тему со всем остальным.
Поэтому я создал компонент темы. Теперь вы можете собирать части так, как вам нравится. ![]()
| Краткое описание | Легковесный макет для контейнера списка основных тем | |
| Предпросмотр | Theme Creator | |
| Репозиторий | GitHub - tracey-le/discourse-lightweight-topic-container: Lightweight main outlet container for Discourse · GitHub | |
| Инструкция по установке | Как установить тему или компонент темы | |
| Новичок в темах Discourse? | Руководство для начинающих по использованию тем Discourse |
Описание
Это добавляет тень рамки и некоторые отступы для основного контейнера. Это применяется к списку тем, основному контейнеру в панели администратора и т. д.
Настройки
Вы можете установить цвет фона с помощью настроек background color light и background color dark.
Расширяемость
Вы также можете использовать селектор background-container в другом компоненте темы.
Например, вы можете добавить градиент.
.background-container {
background: linear-gradient(180deg, var(--header_primary-high) 0%, rgba(137, 160, 210, 0.7) 100%);
}
Благодарности
Спасибо @awesomerobot и @jsthon за код в Graceful теме для Discourse
(в той теме я был указан как tmoko, ха-ха.)
Отзывы
Любые конструктивные отзывы о лучших практиках в CSS будут очень полезны.
Например, как лучше всего обрабатывать темную/светлую тему, отступы/поля и т. д.
