Hi, I’m using the Dawn 2.0 theme. In default, there are 2 options for background and accent. I want to add one more option. How do I do it? Thanks

@Ben1000 You are going to want to set them up in the “config/settings_schema.json” file. Then you’ll need to also add the options to any section or block you may want to include them with and any CSS that might use the new colors. It is a tedious workflow but that would be the way to do it. One sug…

Hi @RobDukarski Thank you for your advice. I followed the first option you have mentioned. I see the new background I added on theme setting → color and also in the section I see the option in color scheme of each section, but when I pick the colour it’s not actually changing the section backgro…

@Ben1000 You will still need to add the Liquid and CSS necessary for getting the chosen color to be used by your theme. For the custom color in the sections I believe you should be able to utilize the code from that “config/settings_sheme.json” file within the sections themselves for adding a colo…

Hi @RobDukarski I tried to copy-paste as you said all the relevant parts. I created “Background 3” and “Accent 3” The only problem is that when I choose Background 3 I see the right colour I picked, but it doesn’t sync with Accent 3 colour. The default in Shopify is when you select background x i…

Hi @Adel-coder Thank you for letting me know, but that code is not working on Shopify 2.0 themes, they have a mistake

Hi @Adel-coder now they fixed the code in the link and it works. Thanks!

Add another choice of background and accent option - Shopify 2.0

Retired Boards Appdev Store Design

Adel-coder February 9, 2022, 10:42am 6

I saw a similar questions posted on Plak theme forum, and here it is the answer to add colors pickers

https://plaktheme.com/community/general-questions/add-another-choice-of-background-and-accent-option-shopify-2-0/#post-2055

Topic		Replies	Views
Dawn Theme 5.0 For a new section, is there standard code that I can use to add color scheme? Store Design	1	127	May 20, 2022
How can I add a third background color to my Galleria 2.0 theme? Store Design	11	109	January 13, 2022
Adding new background Color Scheme not working - Dawn Theme Store Design design , customizations , css , shopify-themes , troubleshooting , html	1	48	July 5, 2024
How do I change the background colour for the PAGE sections? Using Shopify free theme "origin" Store Design css	8	356	September 21, 2024
Add third background color Dawn Theme Store Design	11	152	November 22, 2022

Add another choice of background and accent option - Shopify 2.0

Related topics