功能特性
浅色模式
深色模式
分类页面
本主题还包含多个组件，可进一步提升您的论坛体验：
安装时请务必阅读以下提示，因为需要启用若干设置，主题才能正常渲染。
使用提示
深色/浅色模式切换
为确保此功能正常运行，您需要在 https://discourse.jordanvidrine.com/admin/customize/colors 页面中至少启用两种配色方案。其中至少两种配色方案需勾选“用户可选择配色方案”。
完成上述设置后，用户即可在个人偏好设置菜单中选择其偏好的“浅色”和“深色”配色方案。
欢迎横幅
前往 管理 > 欢迎横幅（/admin/config/welcome-banner）页面。
- 在 在以下主题中启用… 下拉菜单中选择
Air Theme
- 在 位置 下拉菜单中选择
站点标题下方
现代化分类与群组框
此主题组件要求您的分类使用 /admin/site_settings/category/all_results?filter=categories 页面中的 带子分类的分类框 设置。
此外，该组件还允许论坛管理员通过标题组织分类页面，并指定哪些分类显示在特定标题下。为保持简洁，我们最多允许使用 5 个标题。如果未选择任何分类和标题设置，所有分类将按默认方式渲染，即上述样式。
由我们托管？ 我们的标准版、商业版和企业版计划均提供主题使用服务。
139 个赞
th21
5
如果左侧语言字段为空时能隐藏欢迎信息，那就太好了：+1:
7 个赞
这个主题赋予了 Discourse 它应得的现代外观。做得非常好，@jordan.vidrine。
14 个赞
这个主题看起来太棒了。希望我们也能将这个分类页面设计作为一个独立的组件提供。这样看起来好多了。
8 个赞
你好 @jordan-vidrine，关于“浏览量”列，我需要在组件中添加什么代码来覆盖该列被隐藏的设置？
3 个赞
我相信这应该可以工作：
.full-width .contents .topic-list thead th.posts {
width: 10%;
}
.full-width .contents .topic-list thead th.activity {
width: 10%;
order: 4;
}
th.num.views {
width: 10%;
order: 3;
display: block;
}
.full-width .contents .topic-list tbody tr:not(.topic-list-item-separator) td.posts {
width: 10%;
order: 2;
}
.topic-list .views {
width: 10%;
order: 3;
}
.full-width .contents .topic-list tbody tr:not(.topic-list-item-separator) td.age {
width: 10%;
order: 4;
}
6 个赞
ggurbet
(Gökhan Gurbetoğlu)
106
清新脱俗，美得令人耳目一新。@jordan.vidrine，干得漂亮！
4 个赞
是的，可以在 Discourse Search Banner 组件中编辑 
3 个赞
Jerdeman
(Jeroen)
184
不久前，我发布了一个关于在移动视图中看不到分类的问题（Air Theme - #172 @jordan.vidrine 聊过，但我们未能找到问题的根源。希望其他人能提供一些想法。
详情
在 Kubernetes 上使用 Bitnami 的 Helm 图表，干净地安装了 Discourse 2.7.11，并安装和配置了主题的最新版本（如开篇帖子所述），我们在移动视图中看不到任何分类，并且最新页面的样式也有些问题。
我们尝试过的方法
除了干净安装之外，我们还尝试使用了一些旧版本的主题。但问题依然存在，尽管我们没有详尽地尝试所有版本。
我们还将我们的实例上的 HTML 与 discourse.jordanvidrine.com 上的 HTML 进行了比较，并注意到它们有显著差异。
直觉
由于我们不能使用“测试版”，我的直觉告诉我这是主题或其某个插件与 Discourse 2.7 之间的兼容性问题。我很想知道是否有人在 2.7 版本上成功使用了这个主题，以及使用的是哪个版本的主题和相关插件。
问题
有人在 2.7 版本上成功使用了这个主题吗？或者有什么线索可以帮助我们解决这个问题？
2 个赞
我相信您应该可以在此处设置自定义字体，而无需组件：admin/site_settings/category/all_results?filter=font
如果您想要更多自定义设置，我认为您链接的 Google Fonts 主题组件会起作用。不过，我认为该主题使用的是 theme-settings 而不是站点设置。
您是否在有关该字体组件的主题中提出了这个问题？
4 个赞
hequaye
(Henry Herbert)
187
大家好，有人能帮我更改手机背景颜色的尺寸和“固定性质”吗？
我这边的 CSS 在手机上是透明的。我只需要一些关于更改固定背景以实现背景颜色的指导。
如果我没记错的话，有一个页眉背景和一个页面背景，对吗？
3 个赞
这是因为主题及其包含的组件对于站点的设置方式相当挑剔。
在 OP 中，我分享了：
6 个赞
有没有办法让背景变成一张图片？我宁愿用图片也不要颜色。使用
body {
background-image: url("image url here");
background-color: #cccccc;
}
会让颜色条的顶部变成图片，但底部不是。
4 个赞
你添加图片做得很好，但你也需要移除创建该叠加效果的剪切路径。
html .background-container {
clip-path: unset;
}
5 个赞
我超爱！
