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.

We're moving the community! Starting July 7, the current community will be read-only for approx. 2 weeks. You can browse content, but posting will be temporarily unavailable. Learn more

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.