Can some knowledgeable code guru explain why this seems to always throw an error (regardless of the settings.yaml file contents): .d-header { background: rgba($header_color, $transparency); } but this does not? .d-header { background: rgba(darkslategrey, 0.5); } Even if I switch the code…

Hello Lilly :wave: You have to create variables from these to make it workable in setting. :slightly_smiling_face: Here is a quick example: https://github.com/VaperinaDEV/header-transparency

This works for me? $header_color: rgb(0,0,0); $transparency: 0.5; .d-header { background: rgba($header_color, $transparency); }

Yes but as soon as I put the variables into a settings.yml like this, it does not work for me. I get an error saying $color is not a color even though I am not using a $color variable here. So I assume it may be related to an interpolation thing that I don’t understand. header_color: type: string…

Hi Lilly! I stumble upon the same issue not so long ago. :smile: Short answer: Themes and CSS variables are considered strings and, while you can use them in attributes such as color, background, border and so on, they can’t be used in SCSS color functions. The issue is not related to Discourse: …

That’s awesome, thank you @Don :slight_smile:

It’s not the first time I say “it’s not possible” and you come like “yes it is”, Don :smile: probably not the last time as well :see_no_evil:

SCSS 颜色属性变量的烦恼

开发

Don 2023 年9 月 12 日 13:54 5

你好莉莉
您必须从这些创建变量，以便在设置中使用。
这是一个快速示例：

话题		回复	浏览量
SCSS variable theme issue after update Product Support	4	780	2019 年2 月 22 日
Custom CSS isn't applied to my Discourse Product Support	17	3163	2021 年2 月 5 日
Theme with variable width inside settings UX	5	1121	2022 年4 月 13 日
Update themes and plugins to support automatic dark mode Developer Guides how-to , auto-dark , theme-guides	10	4506	2025 年11 月 14 日
Discourse's CSS variables aren't set Product Support	39	1609	2023 年5 月 8 日

SCSS 颜色属性变量的烦恼

相关话题