1. This site uses cookies. By continuing to use this site, you are agreeing to our use of cookies. Learn More.
  2. Anuncie Aqui
    Anuncie aqui você Também: fdantas@4each.com.br

How can I create a custom theme for PrimeNG 19 and modify SCSS variables?

Discussão em 'Angular' iniciado por Treektus, Junho 5, 2025.

  1. Treektus

    Treektus Guest

    I'm using Angular 19 with PrimeNG 19, and I'd like to create a custom theme for my application. I know that PrimeNG 19 uses CSS Variables and provides prebuilt themes like Lara, but I’d prefer to use SCSS so I can modify design tokens (e.g. $primaryColor, $textColor, etc.) and customize components more deeply before compilation.

    Is it possible to:

    • Download one of the official PrimeNG 19 themes (Aura) in SCSS form?
    • Use those SCSS files in my local Angular project and override the variables I need?
    • Properly integrate and compile the SCSS theme into my Angular app? If there's an official or recommended way to do this,

    I'd appreciate any guidance or examples. I’ve seen the SCSS theme files on the PrimeNG GitHub repo but I’m not sure if they are meant to be used like that outside of the PrimeNG source.

    Thanks in advance!

    Continue reading...

Compartilhe esta Página