primereact-sass-theme icon indicating copy to clipboard operation
primereact-sass-theme copied to clipboard

Published 20 hours ago • verified publisher icon primefaces

CSS Themes: Override base colours

Open CharlRitterDev opened this issue 1 year ago • 1 comments

Describe the bug I have imported primereact/resources/themes/bootstrap4-light-blue/theme.css as a base theme for a project. I can override the base primary, secondary, etc. colours in the root, however, that isn't used in the theme itself, rather the colours are hardcoded.

Thus it seems that the only way to replace all the hardcoded colours (in this theme's case all the versions of bootstrap's blue), is to manually find all CSS classes and override them individually to change the colours to our project's colours.

Is there a better way of doing this, because changing these hardcoded instances to use the root-defined vars seems like it would make overriding much more straightforward?

PrimeReact version 10.2.1

React version 18.x

Language TypeScript

Build / Runtime Create React App (CRA)

CharlRitterDev avatar Dec 13 '23 14:12 CharlRitterDev