Modular
Search…
Colors

General

Set the most widely used colors for your store here. We start with background colors (for sections and badges), text colors, and an accent (Error) color.
For the best overall design and flow, we recommend using two or three main colors. Use high-contrast colors to highlight accents or badges.

Buttons and Products

There are two main button types in Modular. Almost all sections that use buttons present the option to choose which one to use. Here is where you can set a color for these two styles.
Be mindful to use a color that is high in contrast with the text color set in the previous to make text easier to read.
On the topic of colors, here is a great contrast checker that you should almost always use to make sure your colors give out a readable layout.
WebAIM: Contrast Checker