优雅主题

I would like to start by saying thanks for such a great theme. and Special thanks for giving us the option to add a custom background image that was very important for us.

I am however running into a bit of a bump while trying to properly set up the header for the forums.

a- I am trying to increase the size of the logo top left corner.
b- I am trying to change the header color to match with the logo background as for some reason I am not sure how to get discourse to accept a .png image that will go along any header color. Without discourse changing it to a jpg and adding automatically adding the background.

The image below will show what I have now

I know there were a few mentions above about this and creating a custom component to override the CSS however I am not very familiar with CSS and I am not sure what lines to add where in my custom component I created.

any help with this will be greatly appreciated!

我刚刚进行了一项更新,应该可以解决最近提到的颜色问题(背景不匹配、暗模式),感谢大家的反馈!

1 个赞

如何编辑此主题的 CSS?

[image]

1 个赞

我遇到了页面宽度问题,右侧显示得很窄。附上截图供参考。

有人在使用这个主题时遇到同样的问题吗?有什么办法可以解决吗?

1 个赞

头像有问题 - 放在名字上面

2 个赞

我们也遇到了这个问题。

3 个赞

感谢您的反馈!我刚刚又进行了一次更新——请您再检查一下,如果有任何问题请告诉我。

5 个赞

@awesomerobot 感谢更新,我认为您可能需要查看移动视图,两侧似乎有额外的空间?

我不确定这是否是主题更改/问题,但最近当我更新 Discourse 和所有插件时,我安装了 Topic List Thumbnails Theme Component 的主页从 3 列变成了 2 列:

如果我使用 Chrome Inspector 并稍微增加主容器的宽度,就可以修复它。所以我猜测这可能与最近的这个提交有关,其中包含一些宽度更改:

目前我通过使用 main-outlet 的 CSS 覆盖宽度来解决这个问题,但不确定是否有任何意外后果,或者这是否是解决此问题的最佳方法。所以这不一定意味着需要更改任何内容,而是要提到它确实在我的网站上影响了此场景下的布局,并询问我是否应该采取其他方法来实现我想要的结果(3 列砌体布局)。我已经解决了这个问题,所以如果这能长期解决问题,我将很高兴。 :slight_smile:

这是否会支持 Discourse 中集成的新侧边栏?

2 个赞

是的,我们计划更新我们所有的主题来支持它。

2 个赞

小型 Bug 报告:该主题的最新版本在 iPhone 等小型移动设备上查看时,似乎会截断论坛标题,如 https://forums.ankiweb.net/ 所示。

1 个赞

Graceful 主题的全屏聊天似乎有些损坏,主窗口和聊天窗口都有滚动条。我无法在其他主题中重现此问题,因此它似乎是 Graceful 主题特有的。

2 个赞

为什么这个主题会将卡片强制设置为旧样式?(新用户卡片重新设计实验之前的旧样式) 否则,这个主题很棒。
图片:

1 个赞

更新的用户卡片是实验性的主题组件,看起来它只是没有添加到 Meta 上的所有主题中……如果你好奇的话,我已将其添加到那个主题中。

4 个赞

IPhone 11、Safari浏览器,存在两个问题


1 个赞

Android 上也是如此。其他登录选项的文本不可见,主题组件表的第一个列已损坏。

2 个赞

您好,

我刚在我的论坛上也发现了这个问题,并用自定义样式修复了它:

.btn.btn-social {
    color: var(--d-sidebar-link-color);
}

这会使按钮颜色与您的侧边栏链接颜色相同。
希望这能帮到您。

– Ivan

2 个赞

感谢您提供的报告和 CSS 变通方法!我已更新主题以解决此问题:UX: fix social login button color, sidebar headings, transparent buttons by awesomerobot · Pull Request #28 · discourse/graceful · GitHub

3 个赞

您好,我注意到“删除主题”按钮的颜色不够醒目。您能帮忙修复一下吗?

1 个赞