PrimeNg 主题颜色

PrimeNg Theme colors

我正在使用 primeng 或 md dark-indigo 主题，我的问题是，是否可以更改特定 primeng 组件的颜色。例如，下拉菜单是黑色的，但当我使用按钮时，它们是靛蓝色的。所以我的问题是是否有办法将 p 元素样式更改为其他主题颜色，在我的例子中是从靛蓝黑色。

问题截图： https://prnt.sc/133vzbo

以下是自定义 PrimeNG 样式的（hacky）步骤。

  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. 瞧！享受您的定制风格:)