Variants & Theme's - Creating a new colour set for buttons, callout etc?

[mdodesign]

I'm not 100% sure on the best way of achieving something.

I have buttons that are colour coded by what they are doing, which in essence match the existing Variant options. But I have a few more that I would like to add, for example Action and Messaging. The same for callout blocks

Adding two new variants to me would seem the simplest solution to this, but I'm not sure that is the best practice, or indeed how I would do this.

Can any recommendations be made please?

Thanks
Mat

[KonnorRogers]

Well any variant string is technically valid. You could add you own custom variant name and style it from there.

https://codepen.io/paramagicdev/pen/vYqPKrj?editors=1000

[claviska]

You can also use class, like in this example: https://shoelace.style/components/button/#styling-buttons

[b-d-m-p]

I like this variant string codepen example. Hadn't thought about doing that, and although it is just as easy to do as the class version, for a team working with a design system, the variant says "this is one of our ways of doing this component" as opposed to a class, which could be for any purpose. Would be nice if it was in the documentation.