如何更改 Prime NG 的原色

Question

如何更改 primeNG（saga-blue 主题）的默认主色？更改 --primary-color 没有帮助，因为在 node_modules/..../theme.css 中元素的样式使用主颜色十六进制而不是“ --primary-color ”。我也无法覆盖使用该原色的所有元素的样式，因为它们太多了+它们在悬停和聚焦时具有不同的 --primary-color 色调，我该如何处理这个问题？

Answer 1

我使用了\xce\x95 \xd0\x93 \xd0\x98 \xd0\x86 \xd0\x98 \xd0\x9e解决方案的一部分，不确定它是否会在将来破坏某些东西，但它工作正常。

\n

我的解决方案：

\n

\n
1. （相同）从 primeng 复制基本 theme.css （从 找到它node_modules/primeng/resources/themes/{your_theme}/theme.css）
\n
2. （相同）根据您的喜好更改所有颜色等。（提示：使用查找 -> 替换）
\n
3. 将更改保存themes.css到任何文件夹，例如src/app/styles/theme.css（提示：您可以升级到 scss 并使用颜色变量来实现可重用且更具可读性的代码）
\n
4. angular.json在数组下"styles"替换导入到您的路径中node_modules/primeng/resources/themes/{your_theme}/theme.css，例如src/app/styles/theme.css
\n
5. 享受吧，无需手动更改 cpx 或节点模块，因此您可以更快地在另一台计算机上移动代码！
\n

\n

Answer 2

如果您想将主色更改为绿色、橙色或紫色，您可以将主题更改为其中之一（saga-green、saga-orange...）

如果您想要更多定制，您可以使用他们的主题设计器。