Where to find these controls#
Open the theme editor, select Theme settings, then Colors. Preview representative home, product, collection and cart pages before saving.
Settings reference#
Defaults below come from the current schema. Presets and saved store settings can override them.
Colors#
Adjust this control in the theme editor and preview the result in the relevant template.
- Control
- color palette
- Default
- primary: #1F1B17, on primary: #FFFFFF, accent: #806042, on accent: #FFFFFF, text: #2C2825, heading: #1F1B17, background: #F9F5EF, background alt: #F0EAE1, dark background: #1A1A1A, dark text: #F5F5F5
Background color#
Adjust this control in the theme editor and preview the result in the relevant template.
- Control
- color
- Default
- Inherited theme value: settings.colors.background
Text color#
Adjust this control in the theme editor and preview the result in the relevant template.
- Control
- color
- Default
- Inherited theme value: settings.colors.text
Heading color#
Adjust this control in the theme editor and preview the result in the relevant template.
- Control
- color
- Default
- Inherited theme value: settings.colors.heading
Accent color#
Adjust this control in the theme editor and preview the result in the relevant template.
- Control
- color
- Default
- Inherited theme value: settings.colors.accent
Button background#
Adjust this control in the theme editor and preview the result in the relevant template.
- Control
- color
- Default
- Inherited theme value: settings.colors.primary
Button text color#
Adjust this control in the theme editor and preview the result in the relevant template.
- Control
- color
- Default
- Inherited theme value: settings.colors.on_primary