PrimeNg 主題 colors

Question

我正在使用 primeng 或 md dark-indigo 主題，我的問題是，是否可以更改特定primeng 組件的顏色。 例如下拉菜單是黑色的，但是當我使用按鈕時，它們是靛藍色的。 所以我的問題是是否有辦法將 p-elements 樣式更改為其他主題顏色，在我的例子中是黑色的靛藍。

問題截圖： https://prnt.sc/133vzbo

Answer 1

以下是自定義 PrimeNG styles 的（hacky）步驟。

1. 從primeng復制基本主題.css（從node_modules/primeng/resources/themes/{your_theme}/theme.css找到它）

2. 根據您的喜好更改所有應用於組件的 colors 等。

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. 瞧：享受您定制的 styles :)