In this section, you can customize Croissant’s elements colors, such as the header, footer, buttons, texts, and backgrounds. This will allow you to give a unique look to your store and make it fit your brand identity. You may see some checkboxes to validating if the content of the section is dark. Check these if the content of the element’s background is dark (ex: black, dark grey, burgundy, forest green, etc.). This makes sure the borders on top of the element’s background color are the right color. Leave the option unchecked if you’re more on a light background (ex: white, beige, cyan, yellow).
Dark background checked
Dark background unchecked
Contrasts
We recommend you leave enough contrast between the text and the background at all times to make sure the content is readable. A good tool to test the contrasts is https://contrastchecker.com/