# 空气主题

**URL:** https://meta.discourse.org/t/air-theme/197703
**Category:** Theme
**Tags:** air-theme
**Created:** [2021年七月20日 20:24 UTC](https://meta.discourse.org/t/air-theme/197703 "2021-07-20T20:24:30Z")
**Posts on this page:** 20
**Page:** 9

<div class="post-metadata">

### Author: ![jordan.vidrine](https://sea3.discourse-cdn.com/meta/user_avatar/meta.discourse.org/jordan.vidrine/32/515563_2.png) [@jordan.vidrine](https://meta.discourse.org/u/jordan.vidrine)
#### Post date: [2023年三月8日 13:16 UTC](https://meta.discourse.org/t/air-theme/197703/353 "2023-03-08T13:16:30Z")

</div>

你没有，主题语法只需要稍作更新 👍

---

<div class="post-metadata">

### Author: ![commercial](https://sea3.discourse-cdn.com/meta/user_avatar/meta.discourse.org/commercial/32/121112_2.png) [@commercial](https://meta.discourse.org/u/commercial)
#### Post date: [2023年三月8日 15:28 UTC](https://meta.discourse.org/t/air-theme/197703/354 "2023-03-08T15:28:23Z")

</div>

一切都很好，不是危险信号 🙂  
无论如何，我都帮不上忙。再次感谢你提供的精美主题！

---

<div class="post-metadata">

### Author: ![Heliosurge](https://sea3.discourse-cdn.com/meta/user_avatar/meta.discourse.org/heliosurge/32/571810_2.png) [@Heliosurge](https://meta.discourse.org/u/Heliosurge)
#### Post date: [2023年三月14日 14:31 UTC](https://meta.discourse.org/t/air-theme/197703/355 "2023-03-14T14:31:25Z")

</div>

一名成员报告了深色模式颜色方面的问题，高亮使表情符号选择器文本和私人消息选择器文本无法阅读。

 ![Screenshots_2023-03-14-11-24-08](https://global.discourse-cdn.com/meta/original/4X/b/1/2/b120bb23b38528968bb3fd6b18c89a36efb5767d.jpeg)

---

<div class="post-metadata">

### Author: ![squarecranium](https://avatars.discourse-cdn.com/v4/letter/s/779978/32.png) [@squarecranium](https://meta.discourse.org/u/squarecranium)
#### Post date: [2023年三月17日 14:36 UTC](https://meta.discourse.org/t/air-theme/197703/356 "2023-03-17T14:36:13Z")

</div>

您好，我是 Discourse 的新手，如果我遗漏了显而易见的东西，请提前道歉。安装 Air 主题后，似乎出现了一些问题。

1. “欢迎来到我们的社区”消息是隐形的，因为它与背景颜色相同。我尝试更新颜色，但无法更改此文本的颜色。  

2. 欢迎文本显示在错误的位置 - 我期望它出现在彩色背景内，但正如您在上面的图片中看到的，它并没有这样做。

任何帮助或建议都将不胜感激！

---

<div class="post-metadata">

### Author: ![jordan.vidrine](https://sea3.discourse-cdn.com/meta/user_avatar/meta.discourse.org/jordan.vidrine/32/515563_2.png) [@jordan.vidrine](https://meta.discourse.org/u/jordan.vidrine)
#### Post date: [2023年三月17日 15:42 UTC](https://meta.discourse.org/t/air-theme/197703/357 "2023-03-17T15:42:21Z")

</div>

如果按照以下步骤操作，应该可以解决此问题

> [@jordan-vidrine](#):
>
> ## Discourse 搜索横幅
> 
> 在 `discourse-search-banner` 主题组件的选项中，需要将 `plugin-outlet` 选项设置为 **BELOW-SITE-HEADER** ，此主题才能正确渲染。
> 
> ![image](https://global.discourse-cdn.com/meta/original/3X/a/c/acb30097e038fcdb3b2d77043237f46328ed8dd5.png)

---

<div class="post-metadata">

### Author: ![jordan.vidrine](https://sea3.discourse-cdn.com/meta/user_avatar/meta.discourse.org/jordan.vidrine/32/515563_2.png) [@jordan.vidrine](https://meta.discourse.org/u/jordan.vidrine)
#### Post date: [2023年三月17日 20:51 UTC](https://meta.discourse.org/t/air-theme/197703/358 "2023-03-17T20:51:33Z")

</div>

嗯，我没有看到这种行为。您使用的是最新版本的 Discourse 和主题吗？

---

<div class="post-metadata">

### Author: ![Heliosurge](https://sea3.discourse-cdn.com/meta/user_avatar/meta.discourse.org/heliosurge/32/571810_2.png) [@Heliosurge](https://meta.discourse.org/u/Heliosurge)
#### Post date: [2023年三月18日 00:30 UTC](https://meta.discourse.org/t/air-theme/197703/359 "2023-03-18T00:30:23Z")

</div>

都有。 正在完成今天可用的 Discourse 新升级。完成后将再次检查。

您应该仍然拥有我发送给您的测试帐户详细信息。将很快更新此帖子。

移动设备上的表情符号选择器使用“：”下拉菜单

 ![Screenshots_2023-03-17-21-34-13](https://global.discourse-cdn.com/meta/original/4X/d/2/e/d2e88d2f4ba75653e4e3ff6c03616f4ec350753a.png)

移动设备名称搜索私信/悄悄话

 ![Screenshots_2023-03-17-21-40-31](https://global.discourse-cdn.com/meta/original/4X/2/9/b/29bc63a963d285eda9eef59f2ea4834317a7e003.png)

---

<div class="post-metadata">

### Author: ![Heliosurge](https://sea3.discourse-cdn.com/meta/user_avatar/meta.discourse.org/heliosurge/32/571810_2.png) [@Heliosurge](https://meta.discourse.org/u/Heliosurge)
#### Post date: [2023年三月18日 02:34 UTC](https://meta.discourse.org/t/air-theme/197703/360 "2023-03-18T02:34:01Z")

</div>

在 discourse 更新后，深色模式下上述选择器上方的高亮信息仍为空白，如上所示。

如何禁用 air 主题的主题缩略图/摘要以恢复默认行为？仅显示主题标题，除非置顶？

---

<div class="post-metadata">

### Author: ![squarecranium](https://avatars.discourse-cdn.com/v4/letter/s/779978/32.png) [@squarecranium](https://meta.discourse.org/u/squarecranium)
#### Post date: [2023年三月20日 12:21 UTC](https://meta.discourse.org/t/air-theme/197703/361 "2023-03-20T12:21:20Z")

</div>

非常感谢 - 这个问题解决了 🙂

---

<div class="post-metadata">

### Author: ![JammyDodger](https://sea3.discourse-cdn.com/meta/user_avatar/meta.discourse.org/jammydodger/32/254611_2.png) [@JammyDodger](https://meta.discourse.org/u/JammyDodger)
#### Post date: [2023年三月22日 08:44 UTC](https://meta.discourse.org/t/air-theme/197703/362 "2023-03-22T08:44:34Z")

</div>

帖子已拆分为新主题：[为侧边栏垂直滚动添加偏好设置](https://meta.discourse.org/t/add-preference-for-sidebar-vertical-scrollu/258997)

---

<div class="post-metadata">

### Author: ![BH10](https://avatars.discourse-cdn.com/v4/letter/b/c5a1d2/32.png) [@BH10](https://meta.discourse.org/u/BH10)
#### Post date: [2023年三月22日 14:22 UTC](https://meta.discourse.org/t/air-theme/197703/363 "2023-03-22T14:22:33Z")

</div>

喜欢这个主题 🙏

我想使用 Modern Category + Group Boxes 插件，但有没有办法重新排列主页？

我的问题是，所有类别都显示在顶部的框中，而“最新”部分则在下方。虽然设计得很好，但对于那些只是想快速浏览社区的人来说，可能不太方便。有没有办法将类别框放在主页的左侧（我知道可以使用侧边栏，但仍然如此），然后在右侧放置“最新”，类似于 Discourse Clickable Topic 插件？

---

<div class="post-metadata">

### Author: ![jordan.vidrine](https://sea3.discourse-cdn.com/meta/user_avatar/meta.discourse.org/jordan.vidrine/32/515563_2.png) [@jordan.vidrine](https://meta.discourse.org/u/jordan.vidrine)
#### Post date: [2023年三月22日 15:04 UTC](https://meta.discourse.org/t/air-theme/197703/364 "2023-03-22T15:04:41Z")

</div>

抱歉，目前无法实现此功能！

---

<div class="post-metadata">

### Author: ![Heliosurge](https://sea3.discourse-cdn.com/meta/user_avatar/meta.discourse.org/heliosurge/32/571810_2.png) [@Heliosurge](https://meta.discourse.org/u/Heliosurge)
#### Post date: [2023年三月24日 22:50 UTC](https://meta.discourse.org/t/air-theme/197703/365 "2023-03-24T22:50:49Z")

</div>

如何修复背景？我已将其缩小到聊天插件。

禁用聊天插件或注销后，它会正常显示。请参见图 1

 ![Screenshots_2023-03-24-19-46-15](https://global.discourse-cdn.com/meta/original/4X/7/9/d/79d290db2fe34b41a10a11ceba17081bf2b41b67.jpeg)

登录并启用聊天插件后

 ![Screenshots_2023-03-24-19-47-18](https://global.discourse-cdn.com/meta/original/4X/a/1/2/a129d7cfe5916c8ad99221ac4c7058c9bd6d1604.jpeg)

请看，在气泡之间有一个白色的列而不是背景，并且蓝色在中心被切断了。

---

<div class="post-metadata">

### Author: ![jordan.vidrine](https://sea3.discourse-cdn.com/meta/user_avatar/meta.discourse.org/jordan.vidrine/32/515563_2.png) [@jordan.vidrine](https://meta.discourse.org/u/jordan.vidrine)
#### Post date: [2023年三月25日 00:49 UTC](https://meta.discourse.org/t/air-theme/197703/366 "2023-03-25T00:49:28Z")

</div>

谢谢分享，这确实是一个有趣的视觉错误。我会看看。

---

<div class="post-metadata">

### Author: ![jordan.vidrine](https://sea3.discourse-cdn.com/meta/user_avatar/meta.discourse.org/jordan.vidrine/32/515563_2.png) [@jordan.vidrine](https://meta.discourse.org/u/jordan.vidrine)
#### Post date: [2023年三月28日 02:58 UTC](https://meta.discourse.org/t/air-theme/197703/367 "2023-03-28T02:58:25Z")

</div>

这现在应该已修复。再次感谢您的报告。

---

<div class="post-metadata">

### Author: ![BH10](https://avatars.discourse-cdn.com/v4/letter/b/c5a1d2/32.png) [@BH10](https://meta.discourse.org/u/BH10)
#### Post date: [2023年三月29日 12:53 UTC](https://meta.discourse.org/t/air-theme/197703/368 "2023-03-29T12:53:09Z")

</div>

大家好！希望大家都过得很好。

我计划安装“air”主题并在不同设备上进行检查，但在 iOS 上的显示效果遇到了问题。

 ![IMG_5897](https://global.discourse-cdn.com/meta/original/4X/2/9/b/29b4305618fdf8b02b8867dc1d2a0faa27fe7aa9.jpeg)

有没有办法让背景固定，这样登录后只能看到顶部的蓝色和灰色？我希望在向下滚动浏览类别时，背景是灰色的。

---

<div class="post-metadata">

### Author: ![jordan.vidrine](https://sea3.discourse-cdn.com/meta/user_avatar/meta.discourse.org/jordan.vidrine/32/515563_2.png) [@jordan.vidrine](https://meta.discourse.org/u/jordan.vidrine)
#### Post date: [2023年三月29日 14:00 UTC](https://meta.discourse.org/t/air-theme/197703/369 "2023-03-29T14:00:45Z")

</div>

此主题旨在与主题随附的现代类别主题组件结合使用。

> [@jordan-vidrine](#):
>
> ## 现代类别 + 分组框
> 
> 此主题组件要求您的类别在 `/admin/site_settings/category/all_results?filter=categories` 区域中使用 **带子类别的类别框** 设置。
> 
> ![image](https://global.discourse-cdn.com/meta/original/3X/c/2/c2798276e772741144c88c2ea47660b60bc3d4b5.png)
> 
> 此主题组件还允许论坛管理员使用标题来组织其类别页面，并选择每个标题下显示的类别。为保持简单，我只允许使用最多 5 个标题。 **如果未选择类别 + 标题设置，所有类别将按上述方式呈现，这是默认的呈现选项。**

---

<div class="post-metadata">

### Author: ![UnitedFreedom](https://avatars.discourse-cdn.com/v4/letter/u/ac91a4/32.png) [@UnitedFreedom](https://meta.discourse.org/u/UnitedFreedom)
#### Post date: [2023年四月1日 07:13 UTC](https://meta.discourse.org/t/air-theme/197703/370 "2023-04-01T07:13:25Z")

</div>

### 视觉 Bug（截至 2023 年 3 月 31 日）

**更新：** 大部分甚至所有 Bug 都不是由 Air Theme 引起的，而是由 Discourse 的补丁更新引起的。

- 使用最新版本的 Discourse（当时）、Air Theme 和 Modern Category + Group Boxes。
- OP 提示区域的所有设置均匹配。
- 已禁用所有自定义 CSS 以排除任何冲突。

* * *

#### ~~Bug #1 - Categories are displayed as 2 columns.~~

登录时，类别显示为块（1 列），这是正确的。

**更新：** 与 Air Theme 无关

- 影响未登录的 Android、iOS 和 Windows-Chrome 上的移动视图。

**解决方案：** 将 Discourse 更新至：`	discourse v3.1.0.beta2 +864`

 ![image](https://global.discourse-cdn.com/meta/original/4X/0/8/a/08a3070638ff11024dd98e1f59b7d457c0778ce7.png)

* * *

#### ~~Bug #2 - Header is missing. Users cant login.~~

**更新：** 与 Air Theme 无关  
**解决方案：** 将 Discourse 更新至：`	discourse v3.1.0.beta2 +864`

> [@Why the top header part missing](https://meta.discourse.org/t/why-the-top-header-part-missing/259319/4):
>
> Looks like this may be an issue with a recent update, we’ll investigate. @0talal.mash0 when logged in, if you go to admin → settings, search for bootstrap mode and set the bootstrap\_mode\_min\_users setting to 0 it may fix this issue. I think the error is related to that feature.

- 影响未登录的 Android、iOS 和 Windows-Chrome 上的移动视图。

* * *

#### ~~Bug #3 - When logged out, the categories page displays the Air Theme pill shaped categories (good), and also repeats the categories using the original category style native to Discourse (bad).~~

**更新：** 与 Air Theme 无关  
**解决方案：** 将 Discourse 更新至：`	discourse v3.1.0.beta2 +864`  
**结果：** 整个区域不再显示。仅 Air Theme 样式的类别胶囊可见。

 ![image](https://global.discourse-cdn.com/meta/original/4X/b/6/e/b6ebcce17e6bfbf84ed85cccd4f902c0e3e1266e.jpeg)

* * *

#### Bug #4 - White wrapper around categories missing.

- 影响登录或未登录状态下的 Android 和 iOS 移动视图。

#### Mobile View on Desktop - vs - Mobile View using App

 ![image](https://global.discourse-cdn.com/meta/original/4X/a/e/0/ae0234b9469d08b9b32108ba4e04d5aea875f6f9.jpeg)

`html body #main-outlet` CSS 类似乎与移动设备不兼容。

---

<div class="post-metadata">

### Author: ![Loleyy](https://sea3.discourse-cdn.com/meta/user_avatar/meta.discourse.org/loleyy/32/110144_2.png) [@Loleyy](https://meta.discourse.org/u/Loleyy)
#### Post date: [2023年四月2日 20:04 UTC](https://meta.discourse.org/t/air-theme/197703/371 "2023-04-02T20:04:22Z")

</div>

你好，

我真的很喜欢这个模板，我已经使用了大约两周了，我想为我的论坛添加分析功能。但我无法修改 CSS 来添加来自分析的 Google Tag 代码。

你知道是否可以将它添加到某个地方吗？

非常感谢你的回答！

---

<div class="post-metadata">

### Author: ![Arkshine](https://sea3.discourse-cdn.com/meta/user_avatar/meta.discourse.org/arkshine/32/298682_2.png) [@Arkshine](https://meta.discourse.org/u/Arkshine)
#### Post date: [2023年四月2日 23:16 UTC](https://meta.discourse.org/t/air-theme/197703/372 "2023-04-02T23:16:18Z")

</div>

您好，欢迎回来 👋

您无需修改主题。除非我理解有误，您可以在管理员设置中设置 Google Analytics（在“基本设置”中或在搜索栏中输入“ga”）。

 ![image](https://global.discourse-cdn.com/meta/original/4X/1/a/0/1a0d50ef84d61031e1e8c210a4c3072c5a7fb55a.png)

[上一頁](https://meta.discourse.org/t/air-theme/197703.md?page=8)

[下一頁](https://meta.discourse.org/t/air-theme/197703.md?page=10)
