# 优雅主题
**URL:** https://meta.discourse.org/t/graceful-theme/93040
**Category:** Theme
**Tags:** official, graceful-theme
**Created:** [2018年七月24日 20:09 UTC](https://meta.discourse.org/t/graceful-theme/93040 "2018-07-24T20:09:12Z")
**Posts on this page:** 20
**Page:** 2
### Author:  [@Sheppard](https://meta.discourse.org/u/Sheppard)
#### Post date: [2021年三月11日 11:48 UTC](https://meta.discourse.org/t/graceful-theme/93040/106 "2021-03-11T11:48:57Z")
首先，我想感谢你们提供了如此出色的主题。特别感谢你们允许我们添加自定义背景图片，这对我们来说非常重要。
不过，我在正确设置论坛标题栏时遇到了一点小问题：
a- 我试图增大左上角标志的尺寸。
b- 我试图将标题栏颜色调整为与标志背景相匹配。由于某些原因，我不确定如何让 Discourse 接受与任意标题栏颜色兼容的 .png 图片，而不将其自动转换为 .jpg 并添加背景。
下图展示了当前的效果：
> **[Gyazo](https://gyazo.com/27ada614c3eaa0f540762c1e8c855c28)**
>
> Gyazo is the easiest way to record screenshots & videos you can share instantly. Save time with async visual communication that's effortless and engaging.
我知道之前有人提到过这个问题，并建议创建一个自定义组件来覆盖 CSS。但我不太熟悉 CSS，也不确定在我创建的自定义组件中应该在哪里添加哪些代码。
非常希望能得到大家的帮助！
---
### Author:  [@awesomerobot](https://meta.discourse.org/u/awesomerobot)
#### Post date: [2022年一月7日 15:18 UTC](https://meta.discourse.org/t/graceful-theme/93040/116 "2022-01-07T15:18:10Z")
我刚刚进行了一项更新，应该可以解决最近提到的颜色问题（背景不匹配、暗模式），感谢大家的反馈！
---
### Author:  [@danielabc](https://meta.discourse.org/u/danielabc)
#### Post date: [2022年二月26日 10:08 UTC](https://meta.discourse.org/t/graceful-theme/93040/117 "2022-02-26T10:08:21Z")
如何编辑此主题的 CSS？
[image]
---
### Author:  [@hpatel](https://meta.discourse.org/u/hpatel)
#### Post date: [2022年五月6日 20:59 UTC](https://meta.discourse.org/t/graceful-theme/93040/118 "2022-05-06T20:59:32Z")
我遇到了页面宽度问题，右侧显示得很窄。附上截图供参考。
有人在使用这个主题时遇到同样的问题吗？有什么办法可以解决吗？
---
### Author:  [@4ong](https://meta.discourse.org/u/4ong)
#### Post date: [2022年五月11日 19:11 UTC](https://meta.discourse.org/t/graceful-theme/93040/119 "2022-05-11T19:11:56Z")
头像有问题 - 放在名字上面
---
### Author:  [@sdpiowa](https://meta.discourse.org/u/sdpiowa)
#### Post date: [2022年五月11日 19:21 UTC](https://meta.discourse.org/t/graceful-theme/93040/120 "2022-05-11T19:21:06Z")
我们也遇到了这个问题。
---
### Author:  [@awesomerobot](https://meta.discourse.org/u/awesomerobot)
#### Post date: [2022年五月19日 16:27 UTC](https://meta.discourse.org/t/graceful-theme/93040/122 "2022-05-19T16:27:54Z")
感谢您的反馈！我刚刚又进行了一次更新——请您再检查一下，如果有任何问题请告诉我。
---
### Author:  [@hpatel](https://meta.discourse.org/u/hpatel)
#### Post date: [2022年五月20日 23:47 UTC](https://meta.discourse.org/t/graceful-theme/93040/123 "2022-05-20T23:47:33Z")
@awesomerobot 感谢更新，我认为您可能需要查看移动视图，两侧似乎有额外的空间？
---
### Author:  [@oshyan](https://meta.discourse.org/u/oshyan)
#### Post date: [2022年六月5日 20:50 UTC](https://meta.discourse.org/t/graceful-theme/93040/124 "2022-06-05T20:50:33Z")
我不确定这是否是主题更改/问题，但最近当我更新 Discourse 和所有插件时，我安装了 [Topic List Thumbnails Theme Component](https://meta.discourse.org/t/topic-list-thumbnails-theme-component/150602) 的主页从 3 列变成了 2 列：
 
如果我使用 Chrome Inspector 并稍微增加主容器的宽度，就可以修复它。所以我猜测这_可能_与最近的这个提交有关，其中包含一些宽度更改：
>
目前我通过使用 `main-outlet` 的 CSS 覆盖宽度来解决这个问题，但不确定是否有任何意外后果，或者这是否是解决此问题的最佳方法。所以这不一定意味着需要更改任何内容，而是要提到它确实在我的网站上影响了此场景下的布局，并询问我是否应该采取其他方法来实现我想要的结果（3 列砌体布局）。我已经解决了这个问题，所以如果这能长期解决问题，我将很高兴。 🙂
---
### Author:  [@sdpiowa](https://meta.discourse.org/u/sdpiowa)
#### Post date: [2022年七月24日 14:53 UTC](https://meta.discourse.org/t/graceful-theme/93040/125 "2022-07-24T14:53:00Z")
这是否会支持 Discourse 中集成的新侧边栏？
---
### Author:  [@awesomerobot](https://meta.discourse.org/u/awesomerobot)
#### Post date: [2022年八月5日 15:56 UTC](https://meta.discourse.org/t/graceful-theme/93040/127 "2022-08-05T15:56:13Z")
是的，我们计划更新我们所有的主题来支持它。
---
### Author:  [@dae](https://meta.discourse.org/u/dae)
#### Post date: [2022年九月19日 03:22 UTC](https://meta.discourse.org/t/graceful-theme/93040/128 "2022-09-19T03:22:09Z")
小型 Bug 报告：该主题的最新版本在 iPhone 等小型移动设备上查看时，似乎会截断论坛标题，如 [https://forums.ankiweb.net/](https://forums.ankiweb.net/) 所示。
---
### Author:  [@blakeb](https://meta.discourse.org/u/blakeb)
#### Post date: [2022年十二月13日 09:09 UTC](https://meta.discourse.org/t/graceful-theme/93040/132 "2022-12-13T09:09:18Z")
Graceful 主题的全屏聊天似乎有些损坏，主窗口和聊天窗口都有滚动条。我无法在其他主题中重现此问题，因此它似乎是 Graceful 主题特有的。
---
### Author:  [@twofoursixeight](https://meta.discourse.org/u/twofoursixeight)
#### Post date: [2023年三月12日 08:51 UTC](https://meta.discourse.org/t/graceful-theme/93040/133 "2023-03-12T08:51:59Z")
为什么这个主题会将卡片强制设置为旧样式？（新[用户卡片重新设计实验](https://meta.discourse.org/t/usercard-redesign-experiment/254353)之前的旧样式） 否则，这个主题很棒。
图片：
---
### Author:  [@awesomerobot](https://meta.discourse.org/u/awesomerobot)
#### Post date: [2023年三月14日 16:55 UTC](https://meta.discourse.org/t/graceful-theme/93040/134 "2023-03-14T16:55:59Z")
更新的用户卡片是实验性的主题组件，看起来它只是没有添加到 Meta 上的所有主题中……如果你好奇的话，我已将其添加到那个主题中。
---
### Author:  [@philipp96](https://meta.discourse.org/u/philipp96)
#### Post date: [2024年一月16日 09:57 UTC](https://meta.discourse.org/t/graceful-theme/93040/135 "2024-01-16T09:57:23Z")
IPhone 11、Safari浏览器，存在两个问题
---
### Author:  [@Moin](https://meta.discourse.org/u/Moin)
#### Post date: [2024年一月16日 10:18 UTC](https://meta.discourse.org/t/graceful-theme/93040/136 "2024-01-16T10:18:24Z")
Android 上也是如此。其他登录选项的文本不可见，主题组件表的第一个列已损坏。
---
### Author:  [@lifehome](https://meta.discourse.org/u/lifehome)
#### Post date: [2024年三月11日 10:18 UTC](https://meta.discourse.org/t/graceful-theme/93040/137 "2024-03-11T10:18:14Z")
您好，
我刚在我的论坛上也发现了这个问题，并用自定义样式修复了它：
```plaintext
.btn.btn-social {
color: var(--d-sidebar-link-color);
}
```
这会使按钮颜色与您的侧边栏链接颜色相同。
希望这能帮到您。
– Ivan
---
### Author:  [@awesomerobot](https://meta.discourse.org/u/awesomerobot)
#### Post date: [2024年三月11日 16:07 UTC](https://meta.discourse.org/t/graceful-theme/93040/138 "2024-03-11T16:07:52Z")
感谢您提供的报告和 CSS 变通方法！我已更新主题以解决此问题：[UX: fix social login button color, sidebar headings, transparent buttons by awesomerobot · Pull Request #28 · discourse/graceful · GitHub](https://github.com/discourse/graceful/pull/28)
---
### Author:  [@wxs7655](https://meta.discourse.org/u/wxs7655)
#### Post date: [2024年五月22日 16:53 UTC](https://meta.discourse.org/t/graceful-theme/93040/139 "2024-05-22T16:53:32Z")
您好，我注意到“删除主题”按钮的颜色不够醒目。您能帮忙修复一下吗？
[上一頁](https://meta.discourse.org/t/graceful-theme/93040.md?page=1)
[下一頁](https://meta.discourse.org/t/graceful-theme/93040.md?page=3)