Colors

The color settings provide complete control over your theme’s color palette, including section backgrounds, text, buttons, links, quick-add buttons, and upsell areas. It lets you define reusable color schemes and apply them across your store for a consistent brand look.

Try to use colors that are high in contrast. It will make your text easier to read. Here is a great contrast checker:

Note: Some sections have color settings. Section settings will overwrite the theme settings.

Settings
Type
Description

Schemes

Color scheme

color_scheme_group

Configure a full set of color tokens for your theme, grouped into logical areas (Section, Primary button, Secondary button, Additional, Quick add, Upsells).

Default color scheme

color_scheme

Selects which color scheme is applied globally by default.

Header

Background

color

Sets the overall page background color.

Navigation

color

Color for header navigation links.

Transparent navigation

color

Link color when header background is transparent.

Last updated