# 空气主题
**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:** 15
### Author:  [@Heliosurge](https://meta.discourse.org/u/Heliosurge)
#### Post date: [2024年二月17日 05:06 UTC](https://meta.discourse.org/t/air-theme/197703/486 "2024-02-17T05:06:36Z")
我认为你可以创建一个新的 #Customization > Theme component 并覆盖字体。
这台电脑或许可以修改，或者你可能在 Google Fonts 中找到喜欢的字体。
.[Google Fonts](https://meta.discourse.org/t/google-fonts/143720)
我认为你可以用 CSS 针对并调整页眉。
可能不太符合你的需求，但也许会有所启发。
> [@品牌标题](https://meta.discourse.org/t/brand-header/77977):
>
> discourse2摘要 品牌页眉 为移动和桌面视图添加了一个额外的顶部页眉，用于展示您的徽标、导航链接和社交图标。品牌徽标可以是图片或文本。eyeglasses预览 [在 Discourse 主题创建器中预览](https://discourse.theme-creator.io/theme/Discourse/brand-header)hammer_and_wrench仓库链接 [https://github.com/discourse/discourse-brand-header](https://github.com/discourse/discourse-brand-header)open_book初次接触 Discourse 主题？ [Discourse 主题使用入门指南](https://meta.discourse.org/t/beginners-guide-to-using-discourse-themes/91966) 安装此主题组件 功能 桌面预览： 移动预览： 设置 名称 描述 品牌名称 网站 URL 移动徽标 URL 链接 要在页眉中显示的文本链接 图标 要在页眉中显示的图标链接 自定义 Font Awesome 图标 此主题组件中使用的 FontAwesome 6 图标列表 在移动设备上显示栏 插件出口 …
---
### Author:  [@Clo](https://meta.discourse.org/u/Clo)
#### Post date: [2024年三月1日 07:15 UTC](https://meta.discourse.org/t/air-theme/197703/487 "2024-03-01T07:15:10Z")
大家好
感谢提供如此出色的主题！
我只是在为某事挣扎。我注意到在手机上，一些个人资料偏好设置选项卡没有实心背景，导致看起来有点奇怪。请参见下图以供参考：
手机版本上的错误页面也存在同样的问题。在桌面/平板电脑视图上它们都很好，但手机版本似乎有不同的 CSS？
有人知道我该如何/在哪里更改它吗？我没有任何编程背景，所以我需要找开发人员来帮我做吗？
---
### Author:  [@Clo](https://meta.discourse.org/u/Clo)
#### Post date: [2024年三月1日 07:24 UTC](https://meta.discourse.org/t/air-theme/197703/488 "2024-03-01T07:24:06Z")
这是平板电脑/移动设备上的外观示例，也是大多数其他标签页的外观：
---
### Author:  [@Moin](https://meta.discourse.org/u/Moin)
#### Post date: [2024年三月1日 07:36 UTC](https://meta.discourse.org/t/air-theme/197703/489 "2024-03-01T07:36:49Z")
欢迎来到 Meta！👋
> [@Clo](#):
>
> 我没有任何编程背景，所以需要找开发者帮我做这个吗？
我不这么认为。这是一个#official theme，由 Discourse 团队维护。但即使是这里分享的其他主题，当您报告问题时，也常常会被维护者修复。
我在这里可以重现您的问题。它看起来比您的截图还要糟糕，因为消息预览比我的屏幕还要宽。
---
### Author:  [@Gonerdot](https://meta.discourse.org/u/Gonerdot)
#### Post date: [2024年三月4日 16:51 UTC](https://meta.discourse.org/t/air-theme/197703/490 "2024-03-04T16:51:36Z")
有人知道如何隐藏 td-class 吗？
---
### Author:  [@Arkshine](https://meta.discourse.org/u/Arkshine)
#### Post date: [2024年三月4日 16:58 UTC](https://meta.discourse.org/t/air-theme/197703/491 "2024-03-04T16:58:22Z")
您可以尝试以下 CSS：
```css
.topic-list {
.topic-list-header .posts,
.topic-list-body .posts {
display: none !important;
}
}
```
---
### Author:  [@Gonerdot](https://meta.discourse.org/u/Gonerdot)
#### Post date: [2024年三月4日 17:05 UTC](https://meta.discourse.org/t/air-theme/197703/492 "2024-03-04T17:05:35Z")
是的，我尝试通过这种方式隐藏它们。常规的 div 被隐藏了，但它不适用于 td。我尝试了几种选项：
```plaintext
.td.num.posts... {
display: none;
}
.td:num.posts... {
display: none;
}
```
---
### Author:  [@Arkshine](https://meta.discourse.org/u/Arkshine)
#### Post date: [2024年三月4日 17:07 UTC](https://meta.discourse.org/t/air-theme/197703/493 "2024-03-04T17:07:49Z")
我测试了我的 CSS，对我来说是有效的。你测试了吗？
> [@Gonerdot](#):
>
> 我尝试通过这种方式隐藏它们
这个主题缺少 `!important`。
---
### Author:  [@Gonerdot](https://meta.discourse.org/u/Gonerdot)
#### Post date: [2024年三月4日 17:12 UTC](https://meta.discourse.org/t/air-theme/197703/494 "2024-03-04T17:12:06Z")
谢谢 @chapoi
```plaintext
.full-width .contents .topic-list .topic-list-body .topic-list-item .topic-list-data.posts,
.full-width .contents .topic-list .topic-list-body .topic-list-item .topic-list-data.age,
.full-width .contents .topic-list .topic-list-body .topic-list-item .topic-list-data.posters {
display: none;
}
```
---
### Author:  [@Gonerdot](https://meta.discourse.org/u/Gonerdot)
#### Post date: [2024年三月4日 17:30 UTC](https://meta.discourse.org/t/air-theme/197703/495 "2024-03-04T17:30:41Z")
顶部有一些空白。有什么办法可以删除它吗？我用元素检查器找不到任何东西。
* * *
我想增加主题内容块的宽度
@jordan.vidrine
---
### Author:  [@Steven](https://meta.discourse.org/u/Steven)
#### Post date: [2024年三月5日 13:24 UTC](https://meta.discourse.org/t/air-theme/197703/496 "2024-03-05T13:24:46Z")
> [@Gonerdot](#):
>
> 顶部有一些空白。有什么办法可以删除它吗？我用元素检查器找不到任何东西。
>
> 
main-outlet 类有一个 margin-top
你应该添加这个：
```css
html body #main-outlet {
margin-top: 0;
}
```
> [@Gonerdot](#):
>
> 而且我想增加带有主题内容的块的宽度
我以前从未使用过这个，但是 css 中有一个 topic-width 设置，在根元素中。
添加这个，它应该能适应其他所有内容：
```css
:root {
--topic-body-width: 750px;
}
```
---
### Author:  [@Gonerdot](https://meta.discourse.org/u/Gonerdot)
#### Post date: [2024年三月5日 18:44 UTC](https://meta.discourse.org/t/air-theme/197703/497 "2024-03-05T18:44:48Z")
> [@Steven](#):
>
> 你应该添加这个：
>
> ```plaintext
> html body #main-outlet {
> margin-top: 0;
> }
>
> ```
这是不对的
---
### Author:  [@Gonerdot](https://meta.discourse.org/u/Gonerdot)
#### Post date: [2024年三月5日 18:49 UTC](https://meta.discourse.org/t/air-theme/197703/498 "2024-03-05T18:49:42Z")
> [@Steven](#):
>
> 添加这个，它应该能适应其他所有内容：
>
> ```plaintext
> :root {
> --topic-body-width: 750px;
> }
>
> ```
同时它看起来也很正常。谢谢
```plaintext
.container.posts {
grid-template-columns: 90% 10%;
}
```
---
### Author:  [@jordan.vidrine](https://meta.discourse.org/u/jordan.vidrine)
#### Post date: [2024年三月5日 21:17 UTC](https://meta.discourse.org/t/air-theme/197703/499 "2024-03-05T21:17:06Z")
谢谢分享！很快就会看看。
---
### Author:  [@jordan.vidrine](https://meta.discourse.org/u/jordan.vidrine)
#### Post date: [2024年三月8日 04:24 UTC](https://meta.discourse.org/t/air-theme/197703/500 "2024-03-08T04:24:23Z")
> [@Clo](#):
>
> 首选项选项卡没有纯色背景，这使得它看起来有点奇怪。请参阅下图以供参考：
> [@Clo](#):
>
> 这是它在平板电脑/手机上的样子，以及大多数其他选项卡的样子：
> [@Moin](#):
>
> 我在这里可以重现您的问题。它看起来比您的屏幕截图更糟糕，因为消息预览比我的屏幕宽。
这已在最新的 PR 合并中修复
---
### Author:  [@Gonerdot](https://meta.discourse.org/u/Gonerdot)
#### Post date: [2024年三月9日 12:16 UTC](https://meta.discourse.org/t/air-theme/197703/501 "2024-03-09T12:16:15Z")
请告诉我如何像这样裁剪背景图片，使其具有对称的圆角。
现在的代码看起来是这样的：
```plaintext
html .background-container {
position: fixed;
top: 0;
left: 0;
height: 100vh;
width: 100vw;
background: url(https://site/uploads/default/original/2X/2/26d48362654a9e03c716eeaff4a176cbbd01d6b8.png);
background-size: cover;
}
```
---
### Author:  [@jordan.vidrine](https://meta.discourse.org/u/jordan.vidrine)
#### Post date: [2024年三月11日 20:06 UTC](https://meta.discourse.org/t/air-theme/197703/502 "2024-03-11T20:06:30Z")
>
您需要编辑 clip-path 属性。您可以在 css tricks 等网站上了解更多信息。
---
### Author:  [@Moin](https://meta.discourse.org/u/Moin)
#### Post date: [2024年三月15日 19:21 UTC](https://meta.discourse.org/t/air-theme/197703/503 "2024-03-15T19:21:19Z")
当我在 Meta 使用这里的“主题”时，“引用”、“编辑”、“复制引用”和“询问 AI”前面的图标是不可见的。
---
### Author:  [@jordan.vidrine](https://meta.discourse.org/u/jordan.vidrine)
#### Post date: [2024年三月15日 19:37 UTC](https://meta.discourse.org/t/air-theme/197703/504 "2024-03-15T19:37:03Z")
嗯，你使用的是什么配色方案？那个的背景不是主题使用的。
---
### Author:  [@Moin](https://meta.discourse.org/u/Moin)
#### Post date: [2024年三月15日 19:42 UTC](https://meta.discourse.org/t/air-theme/197703/505 "2024-03-15T19:42:47Z")
WCAG Light 确实存在问题，但我已更改为“theme default”
但情况仍然相同。我刷新了页面以检查颜色方案是否已保存，所以我希望它没有受到我更改颜色方案的[问题](https://meta.discourse.org/t/sometimes-switching-to-a-different-color-scheme-does-not-work/299498/1)的影响。在我更改为默认颜色方案后，背景中的蓝色变浅了。
[上一頁](https://meta.discourse.org/t/air-theme/197703.md?page=14)
[下一頁](https://meta.discourse.org/t/air-theme/197703.md?page=16)