主题玻璃效果中的次要颜色 Discourse

开发
1

我想将我的主题的次要颜色更改为 #22222280（80% 不透明度），以便在我的 Discourse 论坛上实现类似玻璃的效果。当主题不允许我在颜色代码字段中输入超过 6 个字符时，我该如何做到这一点？

有没有办法手动编辑它？或者您有什么其他方法可以用 CSS 实现这种效果？我尝试了 80% 不透明度的 CSS 规则，但这也会使文本的不透明度变为 80%。谢谢 :slight_smile:

2

您可以通过 CSS 覆盖次要颜色：

:root {
  --secondary: #22222280;
}
3 个赞
3

你好 @Ibrahim :wave: 欢迎来到 Discourse Meta :slight_smile:

也许你可以看看我的 header glass 主题组件的代码，了解一些关于透明度和模糊效果的 CSS 技巧。

3 个赞
4

太好了 :slight_smile: 刚好解决了问题

2 个赞
5

已经安装了这个，不错的组件

2 个赞
6

这实际上只是一个实验，更多是为了展示玻璃和模糊效果并给人们带来灵感，而不是作为一个独立的组件。如果人们能够使用它，那将是件好事，但它可能最适合被改编并整合到现有的主题中。

2 个赞
7

This topic was automatically closed 30 days after the last reply. New replies are no longer allowed.