||||\n-|-|-|\n:discourse2: | 摘要 | Air Theme 是一个简洁现代的主题，包含一些主题组件，可增强您的论坛！\n| 
| 预览 | 在 Discourse 主题创建器上预览\n:hammer_and_wrench: | 仓库链接 | \u003chttps://github.com/discourse/discourse-air\u003e\n:open_book: |对 Discourse 主题不熟悉？ | Discourse 主题使用入门指南\n\n[wrap=theme-install-button repoUrl="https://github.com/discourse/discourse-air\" repoName="Air Theme"]\n安装此主题\n[/wrap]\n\n[quote]\n\n:discourse2: 由于这是由 Discourse 团队维护的 official 主题，Support 问题、Bug 报告、UX 建议和 Dev 建议请求可以在 Meta 上的相应版块中提出，并使用适当的主题标签进行标记。点击下面的链接即可开始。
\n\n\u003ckbd\u003e [
\u0026nbsp;支持](https://meta.discourse.org/new-topic?category_id=6\u0026tags=air-theme "就 Air Theme 的配置和使用寻求支持") \u003c/kbd\u003e \u003ckbd\u003e [
\u0026nbsp;Bug](https://meta.discourse.org/new-topic?category_id=1\u0026tags=air-theme " Bug 报告意味着某些东西坏了，阻止了主题的正常/典型使用") \u003c/kbd\u003e \u003ckbd\u003e [
\u0026nbsp;用户体验](https://meta.discourse.org/new-topic?category_id=9\u0026tags=air-theme "关于 Air Theme 用户界面、功能展示（包括语言和 UI 元素）的讨论") \u003c/kbd\u003e \u003ckbd\u003e [
\u0026nbsp;开发](https://meta.discourse.org/new-topic?category_id=7\u0026tags=air-theme "关于如何为您的站点定制此主题的建议")\u003c/kbd\u003e\n\n[/quote]\n\n\n### 特性\n\n浅色模式\n
\n\n深色模式\n
\n\n分类页面\n
\n\n此主题还包含一些组件来增强您的论坛。\n- 可点击的主题\n- 现代分类 + 群组框\n\n\u003e 
安装后请阅读这些提示，因为有几个设置需要启用才能使此主题正确渲染。\n\n— \n# 提示\n### 深浅色方案切换器\n
\n\n为了使其正常工作，您需要在 https://discourse.jordanvidrine.com/admin/customize/colors 区域启用至少 2 个颜色方案选择。至少有两个颜色需要启用 color scheme can be selected by users（颜色方案可由用户选择）。\n\n
\n\n完成此操作后，用户应能够在其用户偏好设置界面菜单中选择其 light（浅色）和 dark（深色）偏好设置之间的两种颜色方案。\n\n
\n\n___\n## 欢迎横幅\n\n前往 Admin > Welcome banner (/admin/config/welcome-banner) 页面。\n\n- 在 Enabled on themes… (在主题中启用…) 下拉菜单中选择 Air Theme\n- 在 Location (位置) 下拉菜单中选择 Below site header (位于站点标题下方)\n___\n## 现代分类 + 群组框\n此主题组件要求您的分类在 /admin/site_settings/category/all_results?filter=categories 区域使用 CATEGORY BOXES WITH SUBCATEGORIES (带子分类的分类框) 设置。\n\n
\n\n此主题组件还允许论坛管理员使用标题来组织他们的分类页面，并选择哪些分类显示在每个标题下。为保持简单，我只允许使用多达 5 个标题。如果未选择任何分类 + 标题设置，所有分类将如上所示渲染，这是默认的渲染选项。\n\n\u003e:discourse2: 由我们托管？ 在我们的 Standard、Business 和 Enterprise 计划中均可使用主题。
That is just amazing Jordan! 
I love it!
It will be helpful if the welcome message can be hide when left locale field empty 
Oh wow, this looks really nice! Thank you for the share. 
This theme gives discourse the modern look it deserves. Very well done @jordan.vidrine
Theme looks amazing. Awesome work
This theme looks so amazing. Hope we can get this category page design as a separate component as well. It is looking way better this way. 
Thanks it is nice…
First time I install a new theme. I really like this one!!
Hi @jordan-vidrine regarding the # of views column, what kind of code shall i add in the component to override that column being hidden ?
I believe this should work:
.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;
}
Refreshingly beautiful. Great work @jordan.vidrine!
是否可以更改标题文本“欢迎来到论坛”
是的，可以在 Discourse Search Banner 组件中编辑
不久前，我发布了一个关于在移动视图中看不到分类的问题（Air Theme - #172 @jordan.vidrine 聊过，但我们未能找到问题的根源。希望其他人能提供一些想法。
详情
在 Kubernetes 上使用 Bitnami 的 Helm 图表，干净地安装了 Discourse 2.7.11，并安装和配置了主题的最新版本（如开篇帖子所述），我们在移动视图中看不到任何分类，并且最新页面的样式也有些问题。
我们尝试过的方法
除了干净安装之外，我们还尝试使用了一些旧版本的主题。但问题依然存在，尽管我们没有详尽地尝试所有版本。
我们还将我们的实例上的 HTML 与 discourse.jordanvidrine.com 上的 HTML 进行了比较，并注意到它们有显著差异。
直觉
由于我们不能使用“测试版”，我的直觉告诉我这是主题或其某个插件与 Discourse 2.7 之间的兼容性问题。我很想知道是否有人在 2.7 版本上成功使用了这个主题，以及使用的是哪个版本的主题和相关插件。
问题
有人在 2.7 版本上成功使用了这个主题吗？或者有什么线索可以帮助我们解决这个问题？
您好。首先，感谢您提供这个很棒的主题 
我想更改字体系列，该怎么做？
我尝试了以下方法 
-
下载此主题 https://meta.discourse.org/t/google-fonts-theme-component/143720，并在站点设置中更改字体设置 – 不起作用
-
在 Desktop.css、mobile.css 中添加
@import{web font link ~~~ }代码 – 不起作用
我应该修改哪个文件来修改字体？？？ 
我相信您应该可以在此处设置自定义字体，而无需组件：admin/site_settings/category/all_results?filter=font
如果您想要更多自定义设置，我认为您链接的 Google Fonts 主题组件会起作用。不过，我认为该主题使用的是 theme-settings 而不是站点设置。
您是否在有关该字体组件的主题中提出了这个问题？
大家好，有人能帮我更改手机背景颜色的尺寸和“固定性质”吗？
我这边的 CSS 在手机上是透明的。我只需要一些关于更改固定背景以实现背景颜色的指导。
如果我没记错的话，有一个页眉背景和一个页面背景，对吗？
这是因为主题及其包含的组件对于站点的设置方式相当挑剔。
在 OP 中，我分享了：
有没有办法让背景变成一张图片？我宁愿用图片也不要颜色。使用
body {
background-image: url("image url here");
background-color: #cccccc;
}
会让颜色条的顶部变成图片，但底部不是。
你添加图片做得很好，但你也需要移除创建该叠加效果的剪切路径。
html .background-container {
clip-path: unset;
}