How to apply the dark theming

[MeerArtefakt]

Hello,

I genrated a new project with

Code: Select all

ng new frontend --routing

and I also installed the following packages

Code: Select all

npm install primeng --save
npm install primeicons --save

and I added the following lines to the src/styles.css

Code: Select all

@import "~primeicons/primeicons.css";
@import "~primeng/resources/primeng.min.css";
@import "~primeng/resources/themes/bootstrap4-dark-blue/theme.css";

and here is my app.componet.html file

Code: Select all

<button pButton type="button" label="Click" ></button>
<p-button label="Click" ></p-button>

I the styles.css file, I can change the last import "bootstrap4-dark-blue" to "bootstrap4-dark-purple", the color from the button changes from blue to purple, but the background is still white...

I also downloaded the https://github.com/primefaces/primeng-quickstart-cli and I changed "node_modules/primeng/resources/themes/lara-light-indigo/theme.css" to "node_modules/primeng/resources/themes/bootstrap4-dark-blue/theme.css" - background is still white.

Do I missing a tag for body or a primeng-layout-div or something else?

Thanks in advance