如何更改素数NG的原色

Question

如何更改primeNG (传奇-蓝色主题)的默认主颜色？更改-主颜色没有帮助，因为在节点_模块/./teme.css中，元素的样式是使用主色十六进制而不是‘-主颜色’。我也不能覆盖所有使用原色的元素的样式，因为它们太多了，它们有不同的颜色--在悬停和焦点上有不同的颜色，我该如何处理呢？

Answer 1

如果您想将主颜色更改为绿色、橙色或紫色，您可以将主题更改为其中之一(传奇-绿色，传奇-橙色.)

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

Answer 2

我使用了ΕГИІИО解决方案的一部分，不确定它将来是否会破坏某些东西，但它还能正常工作。

我的解决方案：

1. (同样)从primeng复制基本theme.css (从node_modules/primeng/resources/themes/{your_theme}/theme.css找到它)
2. (同样)根据你的喜好改变所有的颜色等。(提示:使用查找->替换)
3. 将更改后的themes.css保存到任何文件夹，如src/app/styles/theme.css (提示:您可以升级到scss，并使用颜色变量进行可重用和更具可读性的代码)
4. 在angular.json中的"styles"数组中替换导入到路径中的node_modules/primeng/resources/themes/{your_theme}/theme.css，如src/app/styles/theme.css
5. 享受，没有cpx或节点模块手动更改，以便您可以更快地移动另一台计算机上的代码！

Answer 3

这是一个烦人的解决办法。

1. 从primeng中复制基本theme.css (从node_modules/primeng/resources/themes/{your_theme}/theme.css找到它)
2. 根据你的喜好改变所有颜色等。(提示:使用查找->替换)
3. 将此文件保存在“资产”文件夹中。(您可以将它保存在src文件夹之外)
4. 安装cpx (https://www.npmjs.com/package/cpx)。是个文件复印机。 npm install cpx --save-dev
5. 将以下脚本添加到package.json中。 "copyCss": "cpx \"assets/theme.css\"\"node_modules/primeng/resources/themes/{your_theme}/\"" "ngBuild": "npm run copyCss && ng build"
6. 使用npm run ngBuild构建应用程序。(根据需要使用任何其他构建开关)
7. 瞧！享受您的定制风格:)