How to change button color of all pages

[bfrascino]

Hi all,

I would like to customise the color of all buttons in default state of my application.

Inspecting the current class I found .ui-button class, so I have included in my component's css file the .ui-button class customised. Hey, it works!!

I was happy until I realised I would have to do the same for all my components...

So how can I affect all buttons from only one place?

Should I really be customising .ui-button class or there is another class I should do this change?

[bfrascino]

Ok,

I have the PrimeNG seed project, so I moved the css style to styles.css file and imported it in my app.component.ts

styles.css

Code: Select all

.ui-button {
	background-color: #b7ddfb!important;
	color: #175173!important;
}

app.component.ts

Code: Select all

import '../assets/css/styles.css';
...

This did what I wanted.