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
364 stars 28 forks source link

Question: Set "exact" colors in theme palette? #27

Closed tbsbdr closed 2 years ago

tbsbdr commented 2 years ago

Thanks a lot for all the work!! Did I get get it right: If the primary color of my companies styleguide is eg. #ff0000 and I'll use it as key primary color, it will always be transformed to primary theme palette color #c10000? So it's mostly not possible to set "exact" colors in the theme palette, right?

image

margeeta commented 2 years ago

Correct the tool won't give you the exact color you have input, but one that is shifted to fall into the Material 3 color space for improved accessibility. Custom colors can be added under Extended colors that will export non-shifted colors out. Although, not suggested, we understand if you need exact colors in the theme: The colors can still be edited in the export files directly or the figma styles (if using the figma plugin, which will also check for contrast).