Option to stay true to source color

[JimVanEeden]

Is there a plan to support the following option as can be seen at https://material-foundation.github.io/material-theme-builder/?

For my app it would be great to supply a theme color and have that being used as primary color as well. Apparently the color library does support that as it's an option in the theme builder. For now I'm overriding the primary color manually, but as can be seen, some other colors change as well when you enable the option.

Support for this option would be very much appreciated! Thanks

[pchmn]

Yes it seems to be called "color fidelity" (https://m3.material.io/styles/color/advanced/adjust-existing-colors#cb49eeb4-3bbd-4521-9612-0856c27f91ef), and @material/material-color-utilities supports it in last versions apparently.

I'll look into it !

[pchmn]

Sorry for the delay, but you can try beta version @pchmn/[email protected] with color fidelity option:

const { theme, updateTheme } = useMaterial3Theme({ sourceColor: '#3E8260', colorFidelity: true });
// ...
updateTheme('#3E8260', { colorFidelity: true });

Tell me if it works for you, and I'll published it under stable version !

[pchmn]

@JimVanEeden did you have time to test it ?

[JimVanEeden]

Thanks a lot for the effort! I'm excited to try it out, however I don't think I'll be touching the app for a couple of weeks, so I will post the update later. Of course if anybody else tries it out in the meantime, please let us know :)