Primary vs informative color

[pascalduez]

Greetings,

one of the major strength of Reshaped is its intentionally restricted color palette and tokens.
But it seems to works great out of the box because the primary color is blue, so applied on areas where a more traditional "informative" color would, it works.
Although changing the primary color to something far from a blueish color have quite some semantic and affordance impact.
For instance our primary color is a dark grey (close to black), we want it applied on primary buttons, and a bunch or other components, so far so good.
But there are a few other components, like Alert and Badge where it doesn't give necessarily the best or at least most common result.
Imagine if our primary color was some kind of green, this would probably "conflict" with the positive Alert and Badge, etc.

Just interested in your feedback here, gathering toughs, also what solutions could we use etc.
If that's really and issue for us, should we make a wrapper component with a theme fragment maybe?

Thanks!

Alert (with our primary color)

Badge (with our primary color)

[blvdmitry]

Hm, definitely get your point here. I guess if you look for similar themes in other component libraries using black as their primary - they would just use neutral banners. If you're looking for alerts to change their color to another theme primary - maybe it's a good idea to match primary-faded and neutral-faded? They won't automatically match with the theme generation but you can still override them using the same color that was generated for neutral-faded. You can also make it work the other way around, keeping primary as dark gray but using a different info color for primary faded (e.g. light blue), could be an interesting option. Wdyt?