search

material-foundation / material-theme-builder

Visualize dynamic color and create a custom Material Theme.
https://material-foundation.github.io/material-theme-builder/
Apache License 2.0
360 stars 27 forks source link

Providing different color instead of which I enter as Primary color #176

Closed hpcreator closed 11 months ago

hpcreator commented 1 year ago

I am trying brand new Material Theme Builder i.e.: https://m3.material.io/theme-builder#/custom

I am choosing primary color as red i.e.: #FF0000 and theme get generated by self but my primary color get changed to some different varient of Red color i.e.: #c00100

I am not sure if this is bug or a functionality. but This changes my brand color to different and theme got wrong accordingly.

margeeta commented 1 year ago

Hi @hpcreator, this is currently by design to align with the M3 color system. The Color's hue entered stays the same while the chroma and tone is adjusted to fit with the color system's guidelines and create an accessible color scheme.

The Figma plugin does allow for manual color entry into the style properties that will export, but there are algorithm changes coming soon that allows for input color fidelity.

Please check out M3 color guidance to learn more about dynamic color, also available in video form: https://youtu.be/vv3lOGZrcdk. For more Android specific guidance and break down of color adjustments: https://developer.android.com/design/ui/mobile/guides/styles/color