他们是如何制作渐变标题的？

支持
1

你好，

我想知道你是如何在 try.discourse.org 上实现渐变标题栏的，能否提供一些相关信息或代码？这是一个很有用的功能。

谢谢！

2

这可以通过 CSS 轻松实现：

.d-header {
      background: linear-gradient(to bottom right, #000, #fff);
}
1 个赞
3

Screenshot 2020-10-28 at 11.52.42
Screenshot 2020-10-28 at 11.52.422232×104 18.9 KB

谢谢——它确实能工作，但深色模式下的按钮似乎仍然保留原样。该如何修复？另外，如何让所有横幅按钮在悬停时也显示渐变效果？

4

您可以前往 admin/customize/colors，并修改 header primary（即站点标题中的文本和图标）处的设置。

此外，您也可以在浏览器中检查希望自定义的每个元素，并将自定义 CSS 添加到您的主题 > 通用 > CSS 中。