目前,使用一个盒子作为主主题容器非常流行,但我不想使用一个功能齐全、包含所有内容的完整主题。
所以我创建了一个主题组件。现在你可以根据喜好组合各个部分。 ![]()
|||
|-|-|-|
|
| 摘要 | 主题列表容器的轻量级轮廓
| : eyeglasses:|预览| Theme Creator |
| : hammer_and_wrench:|仓库| GitHub - tracey-le/discourse-lightweight-topic-container: Lightweight main outlet container for Discourse |
| : question:|安装指南|如何安装主题或主题组件|
| : open_book:|刚接触 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 在 A Graceful theme for Discourse 中的代码。
(在该主题的致谢中,我曾是 tmoko,哈哈。)
反馈
非常感谢你对 CSS 最佳实践的任何建设性反馈。
例如,如何最好地处理深色/浅色、内边距/外边距等。
