primeng-sass-theme
primeng-sass-theme copied to clipboard
PrimeNG Theming with SASS
Hello, I just upgraded the library version to 17.12.0. I'm using the lara-cyan theme and I encountered the following error during the build: **Undefined variable. 21 │ outline-offset: $inputFocusOutlineOffset; node_modules/primeng-sass-theme/theme-base/_mixins.scss...
For custom theming (and minimal theme changes, like overriding the default blue in bootstrap4-light-blue), the docs (https://primeng.org/theming#customtheme) and GH Discussions (https://github.com/orgs/primefaces/discussions/148#discussioncomment-7150183) currently recommend cloning this repository in order to access...
In steps duplicated style background https://github.com/primefaces/primeng-sass-theme/blob/07ee7cfd98df828a9bdd31eb4f5424e700832409/theme-base/components/menu/_steps.scss#L6 https://github.com/primefaces/primeng-sass-theme/blob/07ee7cfd98df828a9bdd31eb4f5424e700832409/theme-base/components/menu/_steps.scss#L9 ``` .p-menuitem-link { background: transparent; transition: $listItemTransition; border-radius: $borderRadius; background: $stepsItemBg; ```
Currently, input is marked as having errors using the following styles `.p-inputtext.ng-dirty.ng-invalid { @include invalid-input(); }` In my opinion, it is not entirely correct. Let's say I want to show...

The primeng-sass-theme is great to create your own customized look and feel for the UI library - unfortunately updating hundreds of scss variables is not very practical and far away...
The following css is missing from the base theme: ``` .p-hidden-accessible { border: 0; clip: rect(0 0 0 0); height: 1px; margin: -1px; overflow: hidden; padding: 0; position: absolute; width:...