Chip Variables are missing in the myTheme

[stevenovak123]

React js with vite and primereact

steps to reproduce

1. install primereact-sass-theme
2. import theme-base and mytheme as written in the documentation.
3. run the dev server

expected result: To work without any issues

Actual:

[jambudipa]

Same.

I am losing my mind with these repos recently. All of these purportedly big libraries do not work out of the box any more.

Do these things not get tested before they are released? Is that not absolutely basic?

[dev-fatih-erol]

Hi, I found a solution to the problem. I hope it helps.
Open this file: themes/mytheme/_variables/_misc.scss
and then add the following lines.

/// Background of a chip
/// @group misc
$chipFocusBg:#dee2e6;

/// Text color of a chip
/// @group misc
$chipFocusTextColor:#dee2e6;

After that, run: sass --update themes/mytheme/theme.scss:themes/mytheme/theme.css.

that is all :)

[stevenovak123]

Thanks so much for your help. Will look into this solution

[mahip-hiehq]

@dev-fatih-erol The solution you suggested worked like a charm. Thank you so much!

[stefann01]

@dev-fatih-erol, thank you for the solution. Have you considered opening a PR for that fix? Hopefully, they will agree there is an issue and it will get fixed.