在自定义主题组件中引用Discourse主题颜色变量？

[jordan-violet]

我是否可以在我自己的主题组件中访问 Discourse 主题颜色变量？

我试图在我的 CSS 中使用像 --secondary 这样的变量，但似乎没有效果。

[david (David Taylor)]

是的，您应该能够从主题或主题组件访问 core 的原生 CSS 变量

例如

body {
  background-color: var(--secondary);
}

您能否分享一个不起作用的示例？

[jordan-violet]

啊！我之前没有使用 var()

[pfaffman (Jay Pfaffman)]

我一直遇到这样的麻烦。当然，使用 var 是“显而易见”的，但这只有在你知晓并能记住它的时候才行！

我正在等待某事运行，所以出于好奇，我查看了 https://ask.discourse.com/ 并提问：“是否可以在我自己的主题组件中访问 Discourse 主题颜色变量？” 结果我得到了这个：

1. 可用的颜色变量：
   Discourse 提供了一些预定义的颜色 CSS 自定义属性，例如：

   var(--primary)
   var(--secondary)
   var(--tertiary)
   var(--quaternary)
   var(--header_background)
   var(--header_primary)
   var(--highlight)
   var(--danger)
   var(--success)
   var(--love)
   
   

2. 用法示例：
   你可以在 CSS 中使用这些变量来确保你的主题适应不同的用户选择的颜色方案。例如：

   body {
       background: var(--highlight);
   }