components icon indicating copy to clipboard operation
components copied to clipboard

feat(theming): add $color-hue option to color mixin (material 3)

Open Mikastark opened this issue 1 year ago • 0 comments
trafficstars

Feature Description

In Using component color variantss guide we see there is a way to override color variant used by specific components thanks to $color-variant option. It would be blasting to have also a $color-hue to let us customize the hue. I think it would be great this could also be set more globally in theme definition to avoid setting multiple times the same value.

It worth nothing to remember that was possible to do in material 2 theming through default, text, lighter and darker special hue.

Use Case

If you want to use bright colors (like orange) as theme primary of tertiary color you will, in fact, get out of the box darker colors (to keep orange example, you will get some brown variations) which could be not accepted by your business team (as it alter branding).

Then, if you want to apply those exact colors on your primitive elements you have to override each CSS variable which is time consuming and annoying. $color-hue option would save a lot of time and open new way of customisation.

Mikastark avatar May 23 '24 13:05 Mikastark