为什么不使用 PrimeNG 主题 css 变量？

Question

我注意到顺风提供的主题有些奇怪，如果你查看位于

"primeng/resources/themes/*/theme.css"

中的任何主题，你会注意到在

:root

中创建的所有CSS变量，但奇怪的是，它们根本没有被使用。

以

mdc-light-indigo

为例，我们有

--primary-color: #0066FF

。

但是，我在这个scss中找不到任何

--primary-color

的出现，但我发现了98次

#0066FF

的出现。

我正在考虑使用

@import "primeng/resources/themes/mdc-light-indigo/theme.css";

导入此主题，然后覆盖这些变量，但它不能以这种方式工作，因为所有这些值都是硬编码的。

我刚刚将

tailwind-light

的内容复制到我自己的主题中（而不是使用

@import

导入它），并开始用

--primary-color

替换所有出现的

var(--primary-color)

十六进制值。

我知道这个问题与那个问题类似，但我很乐意听取您的意见。

Answer 1

我不确定，但我认为要确保所有浏览器都会显示相同的颜色。因为 IX 不支持 css 变量。 因此，他们对其进行了硬编码。这把我们带到了另一个问题。为什么要定义它。如果您想创建组件并希望它们与主要 NG 组件同步（当我更改主题时，两种颜色都会改变），我们可以使用这些变量。但无论如何，我读到一篇文章，告诉他们他们会以任何方式构建这种方法。