Our Partner & Developer boards on the community are moving to a brand new home: the .dev community forums! While you can still access past discussions here, for all your future app and storefront building questions, head over to the new forums.

How do I add a new color group to the theme customizer in dawn?

Solved

How do I add a new color group to the theme customizer in dawn?

TheThisThat
Shopify Partner
64 3 17

I wanted to add in a new color scheme to dawn but couldn't figure out how. Can anyone advise? I read the doc here but am not knowledgeable enough to add it.

https://shopify.dev/themes/best-practices/design/color-system#additional-colors

Do I just add into presets in settings_data.json?

Do I also need to add the new colors into settings_schema.json and into the en.json file? Is there any other file I need to do set up in?

Also, in the theme layout file when defining styles how does this RGB system work? What is it pointing to exactly? 

--color-base-text: {{ settings.colors_text.red }}, {{ settings.colors_text.green }}, {{ settings.colors_text.blue }};

Thank you for any insight.

a little of this and a little of that
Accepted Solution (1)

TheThisThat
Shopify Partner
64 3 17

This is an accepted solution.

I successfully added colors by adding to all the above mentioned files. So, maybe I should have put more effort into that before asking. But, maybe this question will help someone else?

a little of this and a little of that

View solution in original post

Replies 2 (2)

TheThisThat
Shopify Partner
64 3 17

This is an accepted solution.

I successfully added colors by adding to all the above mentioned files. So, maybe I should have put more effort into that before asking. But, maybe this question will help someone else?

a little of this and a little of that
UTKbuilder
Shopify Partner
9 0 9

Can you say a little more about how you did it? I have been trying, but do not manage to do it. I can get a color picker to display in the theme settings menu, but I fail to make it actually change any colors.