如何设置 PrimeNG 主题？

Question

我在尝试了解如何设置 PrimeNG 主题时发现了一些问题。如果我去这里： https://www.primefaces.org/primeng/showcase/#/table/crud

我可以看到默认设置的主题是bootstrap4-light-blue。

好的，我如何在我的项目中设置这个主题？我正在使用 PrimeNG，但我无法在我的项目中找到主题。

我必须以某种方式安装吗？我错过了什么？

EDIT-1: 进入我foler的PrimeNg主题文件夹 (/home/developer/Documents/Angular-WS/color_patch/node_modules/primeng/resources/themes)我只找到这几个主题？为什么？在我看来，很多主题都缺失了。不是吗？特别是与 BootStrap 相关的主题似乎不存在

Answer 1

现在显示的是 primeng 10 的新主题库，在撰写此答案时目前仍在开发中 (PrimeNG 10.0.0-rc.4-SNAPSHOT by PrimeTek)

所有这些主题都是 css 作为 primeng 的一部分安装的文件，您有两种方法来包含这些主题

angular.json

"styles": [
                "src/styles.css",
                "node_modules/primeng/resources/themes/nova-light/theme.css", 
                "node_modules/primeng/resources/primeng.min.css",
                "node_modules/primeflex/primeflex.css",
                "node_modules/primeicons/primeicons.css",
                "node_modules/quill/dist/quill.snow.css"
            ],

或通过在全局 scss 文件

中导入 css 文件

global.scss

@import "primeicons/primeicons.css";
@import "primeng/resources/primeng.min.css";
@import "primeng/resources/themes/nova-dark/theme.css";

这些是 primeng 包中的主题文件

primeng/resources/themes/**theme name**/theme.css

如何设置 PrimeNG 主题？

How to set PrimeNG theme?

primeng

angular