How to change primary color for Prime NG


How can I change default primary color for primeNG (saga-blue theme) ? changing –primary-color doesn’t help, because in node_modules/…./theme.css elements are styled using the main color hex and not ‘ –primary-color ‘.
I also can’t override styling for all elements that use that primary color because they are too many + they have different shades of –primary-color on hover and on focus, how can I handle this ?


If you want to change the primary color to green, orange, or purple, you can change your theme to one of those (saga-green, saga-orange…)

If you want more customization, you can use their theme designer.

Answered By – PMO1948

This Answer collected from stackoverflow, is licensed under cc by-sa 2.5 , cc by-sa 3.0 and cc by-sa 4.0

Leave a Reply

(*) Required, Your email will not be published