# 空气主题
**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:** 12
### Author:  [@jordan.vidrine](https://meta.discourse.org/u/jordan.vidrine)
#### Post date: [2023年八月18日 15:07 UTC](https://meta.discourse.org/t/air-theme/197703/413 "2023-08-18T15:07:58Z")
> [@Nick-Permaculture](#):
>
> 首先，我的网站上也未显示深色模式切换按钮，即使已选择 2 种颜色方案。我正在使用侧边栏，这是否是问题的一部分？
您是否已确保遵循了[该组件中概述]的所有步骤([Dark/Light Mode Toggle](https://meta.discourse.org/t/dark-light-mode-toggle/215585?u=jordan-vidrine))？您还需要在以下位置启用深色主题：`/admin/site_settings/category/basic?filter=dark`
即使启用了侧边栏，我也没遇到此问题。
* * *
> [@Nick-Permaculture](#):
>
> 其次，我想知道是否可以调整类别框文本。在我的实例中，我有 14 个模块，当到模块 10 时，它显示为 M1。模块 11、12、13 和 14 也是如此。这会让用户感到困惑。我可以专门编辑这些吗？
不幸的是，不可以，没有办法更改此设置。您能否将它们标记为 01、02 等？不带“world module”后缀？
* * *
> [@Nick-Permaculture](#):
>
> 第三，类别框的像素尺寸是多少？现在我已切换，所有类别图像都变形以适应尺寸。我需要调整所有图像的大小来解决这个问题。
尺寸为 132x132。
* * *
> [@Nick-Permaculture](#):
>
> 第四，我可以调整显示多少搜索横幅背景图像吗？最近的一次更新似乎极大地减小了此处显示的图像尺寸。
您介意分享一张截图说明这里发生了什么吗？我在我的演示站点上没有注意到这个问题。
---
### Author:  [@Nick-Permaculture](https://meta.discourse.org/u/Nick-Permaculture)
#### Post date: [2023年八月18日 15:27 UTC](https://meta.discourse.org/t/air-theme/197703/414 "2023-08-18T15:27:09Z")
感谢您的解释和帮助！我之前没有意识到暗/亮模式还有一个额外的组件。我可以想办法让模块编号更清晰，也许可以用一张图片替换默认文本。您建议的 01 也不错。
关于搜索横幅：
以前，我可以看到这张图片至少多两倍的大小。当我开始一天的工作时（即使在调整主题之前），这张图片的大小就已经缩小了，所以这似乎是某个更新引起的？即使我按照您在上面另一个帖子中建议的尺寸（1920x1080）上传文件，它仍然会出现这种拉伸的情况。
---
### Author:  [@jordan.vidrine](https://meta.discourse.org/u/jordan.vidrine)
#### Post date: [2023年八月18日 15:53 UTC](https://meta.discourse.org/t/air-theme/197703/415 "2023-08-18T15:53:52Z")
您是否也遵循了有关如何设置搜索横幅的说明？我没有在那里看到任何文本，但也许您已将其删除？
另外，要添加此图片，您是在主题组件中完成的吗？
> [@Air Theme](https://meta.discourse.org/t/discourse-air-theme/197703/215?u=jordan-vidrine):
>
> Sure! You would just want to target this element like so: html .background-container { position: fixed; top: 0; left: 0; height: 100vh; width: 100vw; background: url(https://global.discourse-cdn.com/meta/original/3X/8/3/8352b68….jpeg); background-size: cover; /\* background: linear-gradient(90deg, var(--tertiary-hover) 0%, var(--tertiary) 100%); \*/ clip-path: ellipse(148% 70% at 91% -14%); Here is how that looked locally when editing through Chrome’s inspect…
---
### Author:  [@Nick-Permaculture](https://meta.discourse.org/u/Nick-Permaculture)
#### Post date: [2023年八月18日 18:41 UTC](https://meta.discourse.org/t/air-theme/197703/416 "2023-08-18T18:41:40Z")
我已经遵循了有关如何设置搜索横幅的所有说明。它按要求设置在网站标题下方。我确实删除了文本。但以前也没有文本，而且显示的内容要多得多。它仍然只显示图像的一小部分。我已将图像上传为搜索横幅的背景，而不是在主题组件中。
这是在我进行任何更改之前设置它的方式，甚至在我更改所有内容之前的今天早上，图像的显示比以前被裁剪得多，这就是为什么我怀疑是更新导致了这种情况。此时，我最多只能看到图像的 1/4。
我还尝试编辑主题组件来重新创建它，但当我这样做时，图像变得非常像素化。不知道为什么它今天开始这样做。我还注意到今天我的许多其他主题细节都已关闭，所以也许只是一个有错误的日期。这促使我尝试了一个新主题，就是这个。最后，这没什么大不了的，我可以制作一张效果更好的新图片。只是好奇为什么突然有这么大的差异。
---
### Author:  [@kynic](https://meta.discourse.org/u/kynic)
#### Post date: [2023年八月29日 19:58 UTC](https://meta.discourse.org/t/air-theme/197703/417 "2023-08-29T19:58:55Z")
当回复计数增加时，移动视图中的主题存在一个错误，布局会变得混乱，不再保持对齐。
参见
---
### Author:  [@kynic](https://meta.discourse.org/u/kynic)
#### Post date: [2023年九月1日 21:10 UTC](https://meta.discourse.org/t/air-theme/197703/418 "2023-09-01T21:10:45Z")
更新后有所改善，但日期和回复计数仍存在对齐问题。
---
### Author:  [@kynic](https://meta.discourse.org/u/kynic)
#### Post date: [2023年九月1日 21:25 UTC](https://meta.discourse.org/t/air-theme/197703/419 "2023-09-01T21:25:01Z")
我创建了一个组件并按照您说的添加了代码，但“views”列仍然没有出现。😕
编辑：
> [@Air Theme](https://meta.discourse.org/t/discourse-air-theme/197703/327):
>
> How to add the “View” column in the topics list. I am in no way a developer, or programmer. I spent a few hours playing around with the CSS code using the Inspect Element feature in Google Chrome. I was able to get the view column to display correctly, and also did some re-sizing of every column to my preferred liking. You are more than welcome to adjust the width in the CSS code below. I have also added comments in the code so you can easily tell which code is for which column. For each column,…
我之前尝试添加“views”列，使用了 Jordan 提供的代码，但不知道为什么不起作用。我应用了您的代码，它现在可以工作了，谢谢！😀
---
### Author:  [@imgh05t](https://meta.discourse.org/u/imgh05t)
#### Post date: [2023年九月12日 02:18 UTC](https://meta.discourse.org/t/air-theme/197703/420 "2023-09-12T02:18:15Z")
各位！主题很棒，我非常喜欢。
有人知道如何在此处显示子类别而不是类别描述吗？我在主页上使用“类别 + 最新主题”布局。
提前感谢
a
---
### Author:  [@jordan.vidrine](https://meta.discourse.org/u/jordan.vidrine)
#### Post date: [2023年九月12日 13:49 UTC](https://meta.discourse.org/t/air-theme/197703/421 "2023-09-12T13:49:51Z")
安装您自己的主题组件并将其附加到主题应该可以正常工作。您需要将此行添加到主题组件的 CSS 中。
```plaintext
.custom-category-boxes .description {
display: none;
}
```
要安装自定义主题组件，请转到 `/admin/customize/themes`，点击 安装，然后点击 `创建新`。
从那里，您将被带到新组件的页面，您可以在其中选择要包含它的主题。
然后，您可以点击 编辑 CSS + HTML 并将我上面发送的代码添加到 common.scss 文件中。
---
### Author:  [@imgh05t](https://meta.discourse.org/u/imgh05t)
#### Post date: [2023年九月12日 22:59 UTC](https://meta.discourse.org/t/air-theme/197703/422 "2023-09-12T22:59:16Z")
太好了，那段代码奏效了！但是关于显示子类别呢？这段代码不知为何不起作用
```plaintext
.category-boxes .subcategories {
display: flex !important;
flex-flow: wrap;
}
```
---
### Author:  [@kynic](https://meta.discourse.org/u/kynic)
#### Post date: [2023年九月13日 02:06 UTC](https://meta.discourse.org/t/air-theme/197703/423 "2023-09-13T02:06:15Z")
您能告诉我您是如何为这些类别添加图标的吗？😀
---
### Author:  [@imgh05t](https://meta.discourse.org/u/imgh05t)
#### Post date: [2023年九月13日 02:19 UTC](https://meta.discourse.org/t/air-theme/197703/424 "2023-09-13T02:19:51Z")
1. 点击您要编辑的类别
2. 转到设置（工具图标）
3. 图片 → 类别徽标图片
---
### Author:  [@kynic](https://meta.discourse.org/u/kynic)
#### Post date: [2023年九月13日 14:16 UTC](https://meta.discourse.org/t/air-theme/197703/425 "2023-09-13T14:16:35Z")
好的，谢谢 😃
---
### Author:  [@JammyDodger](https://meta.discourse.org/u/JammyDodger)
#### Post date: [2023年九月14日 09:52 UTC](https://meta.discourse.org/t/air-theme/197703/427 "2023-09-14T09:52:14Z")
帖子已拆分为新主题：[如何更改搜索横幅标题字体大小？](https://meta.discourse.org/t/how-to-change-search-banner-headline-font-size/278993)
---
### Author:  [@Steve\_Emerson](https://meta.discourse.org/u/Steve_Emerson)
#### Post date: [2023年九月15日 17:48 UTC](https://meta.discourse.org/t/air-theme/197703/428 "2023-09-15T17:48:42Z")
如果能解决这个在主题帖中被多位用户多次提出的问题，这个主题将近乎完美。
- [Air Theme - #370 by UnitedFreedom](https://meta.discourse.org/t/discourse-air-theme/197703/370?u=steve_emerson)
- [Air Theme - #368 by BH10](https://meta.discourse.org/t/discourse-air-theme/197703/368?u=steve_emerson)
- [Air Theme - #342 by juiceer](https://meta.discourse.org/t/discourse-air-theme/197703/342?u=steve_emerson)
我遇到了同样的问题，移动设备上的背景与桌面设备不一致，导致内容无法阅读。在某些情况下，这使得它在移动设备上无法使用。
**移动端示例** ：
浅色主题：
深色主题：
**桌面端示例** ：
浅色主题：
深色主题
我很感谢您为这个主题付出的努力和工作，但令人遗憾的是，尽管这个问题被多次提出，但它却被当作某种特性而不是错误来处理。如果这个问题能得到解决，我一定会开始使用它。
**更新**
我认为只有 discourse-docs 插件存在上述问题。但我不知道如何解决这个问题，理想情况下，最好能让 discourse docs 与这个主题配合良好，因为它们都是论坛的不错功能。
---
### Author:  [@simon](https://meta.discourse.org/u/simon)
#### Post date: [2023年九月15日 18:38 UTC](https://meta.discourse.org/t/air-theme/197703/429 "2023-09-15T18:38:40Z")
我在一个新的 Discourse 站点上安装了 Air 主题。在我的站点上，背景颜色被设置为各种元素，解决了您遇到的可读性问题：
您的站点是否有任何自定义 CSS 可能覆盖了 Air 主题的 CSS？
---
### Author:  [@Steve\_Emerson](https://meta.discourse.org/u/Steve_Emerson)
#### Post date: [2023年九月15日 18:52 UTC](https://meta.discourse.org/t/air-theme/197703/430 "2023-09-15T18:52:45Z")
奇怪，我没有自定义 CSS。我还删除了所有主题组件，看看是否有任何东西在干扰，但问题仍然存在。
我不知道了 🤔
---
### Author:  [@Steve\_Emerson](https://meta.discourse.org/u/Steve_Emerson)
#### Post date: [2023年九月15日 18:59 UTC](https://meta.discourse.org/t/air-theme/197703/432 "2023-09-15T18:59:11Z")
只是确认一下，您使用的是手机吗？
如果我使用桌面浏览器并减小屏幕尺寸，我可以看到我的布局与您的布局一致，而在移动设备浏览器上，我没有相同的结构。例如，它只显示“latest”作为一个下拉菜单……这让我想，您的设备没有被识别为移动设备，这就是为什么主题不像我上面移动设备示例那样“有错误”的原因？
---
### Author:  [@Steve\_Emerson](https://meta.discourse.org/u/Steve_Emerson)
#### Post date: [2023年九月15日 19:04 UTC](https://meta.discourse.org/t/air-theme/197703/433 "2023-09-15T19:04:59Z")
老实说，网站大部分地方看起来都没问题——也许这个问题仅限于“discourse-docs”插件。它们似乎配合得不太好。
---
### Author:  [@simon](https://meta.discourse.org/u/simon)
#### Post date: [2023年九月15日 19:17 UTC](https://meta.discourse.org/t/air-theme/197703/434 "2023-09-15T19:17:48Z")
> [@Steve\_Emerson](#):
>
> 只是确认一下，你当时使用的是手机吗？
是的。我通过在 URL 中添加 `?mobile_view=1` 参数来在桌面上测试移动模式。结果应该与你在移动设备上获得的结果相同。在截图中的确是移动视图。
> [@Steve\_Emerson](#):
>
> 也许这个问题仅限于‘discourse-docs’插件。
我想你找到了！
这个问题似乎只影响移动设备上的文档主题，桌面设备看起来没问题。
[上一頁](https://meta.discourse.org/t/air-theme/197703.md?page=11)
[下一頁](https://meta.discourse.org/t/air-theme/197703.md?page=13)