轻量级主题列表容器

目前,使用一个盒子作为主主题容器非常流行,但我不想使用一个功能齐全、包含所有内容的完整主题。

所以我创建了一个主题组件。现在你可以根据喜好组合各个部分。 :ok_hand:

|||
|-|-|-|
| :information_source: | 摘要 | 主题列表容器的轻量级轮廓
| : 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 lightbackground color dark 设置来设置背景颜色。

可扩展性

你也可以在另一个主题组件中定位 background-container
例如,你可以添加渐变。

.background-container {
  background: linear-gradient(180deg, var(--header_primary-high) 0%, rgba(137, 160, 210, 0.7) 100%);
}

致谢

感谢 @awesomerobot@jsthonA Graceful theme for Discourse 中的代码。

(在该主题的致谢中,我曾是 tmoko,哈哈。)

反馈

非常感谢你对 CSS 最佳实践的任何建设性反馈。
例如,如何最好地处理深色/浅色、内边距/外边距等。

链接

3 个赞