首页
学习
活动
专区
圈层
工具
发布
社区首页 >问答首页 >PrimeNg主题颜色

PrimeNg主题颜色
EN

Stack Overflow用户
提问于 2021-05-19 12:40:11
回答 1查看 883关注 0票数 1

我正在使用primeng或md暗靛蓝主题,我的问题是,如果它是可以改变的颜色,特定的primeng组件。例如,下拉是黑色的,但当我使用按钮,他们是靛蓝。因此,我的问题是,是否有办法将p元素风格转换为另一种主题颜色,在我的例子中,从靛蓝色到黑色。

发布截图:https://prnt.sc/133vzbo

EN

回答 1

Stack Overflow用户

回答已采纳

发布于 2021-09-21 17:49:49

下面是定制PrimeNG样式的(hacky)步骤。

node_modules/primeng/resources/themes/{your_theme}/theme.css)

  1. 从primeng复制基本theme.css (从
  2. 找到它)

  1. 根据您的喜好更改组件的所有颜色等。

  1. 将此文件保存在“资产”文件夹中。(您可以将它保存在src文件夹之外)

  1. Install (https://www.npmjs.com/package/cpx)。是个文件复印机。

npm install cpx --save-dev

  1. 将以下脚本添加到package.json中。

"copyCss": "cpx \"assets/theme.css\" \"node_modules/primeng/resources/themes/{your_theme}/\""

"ngBuild": "npm run copyCss && ng build"

  1. 使用npm run ngBuild构建应用程序。(按需要使用任何其他构建开关)

  1. Voila!享受您的定制风格:)
票数 2
EN
页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持
原文链接:

https://stackoverflow.com/questions/67603461

复制
相关文章

相似问题

领券
问题归档专栏文章快讯文章归档关键词归档开发者手册归档开发者手册 Section 归档