overriding CSS variables in PrimeNG >= 18 #3350
Unanswered
ivan-price-acted
asked this question in
PrimeNG
Replies: 0 comments
Sign up for free
to join this conversation on GitHub.
Already have an account?
Sign in to comment
-
Hi there,
sorry if this is a silly question but after going through the doc/forum i couldn't find my answer..
i'm getting up to speed with the new theme system in PrimeNG 18, using the design tokens that are exposed we are able to customise certain aspects of the base themes (via our preset) with no problems.
For the aspects not exposed by specific design tokens, we are able to write custom CSS and include that in the
components
clause of the preset, but often we'd like to override a CSS variable that impacts many components.. so my question is:is it possible to redefine the 'base' CSS variables, (arbitrary e.g.
--p-border-radius-md
), or is this the wrong approach, I should be defining a theme from scratch ? Initially i thought i'd be able to define the CSS vars using the theme preset override but it doesn't seem to be the case.any pointers would be appreciated, and great work on the new theming infrastructure looks really promising
-ivan
Beta Was this translation helpful? Give feedback.
All reactions