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

Answer Checked By – David Goodson (AngularFixing Volunteer)

Leave a Reply

Your email address will not be published.