Colors
This page explains how “Colors” actually behaves, which data it depends on, and what its settings change.
Colors
This page explains how “Colors” actually behaves, which data it depends on, and what its settings change.
What the theme does automatically
This section only displays elements that have content. Empty elements are ignored to preserve the layout.
Understand the settings
Main palette used throughout the theme. Surfaces, cards, buttons, badges, images, fields and glass elements then have their own settings.
color_schemesBackgrounds
background_colorDominant color of the site when the textured background is disabled.
Default: #171214background_soft_colorUsed to visually separate certain sections and surfaces.
Default: #221A1DText
foreground_colormuted_colorMetadata, help, old prices and discrete information.
Default: #C6B8B7Emphasis
accent_colorActive states, focus, conversion details and highlights.
Default: #D39A84accent_contrast_colorAvailable blocks
This section has no reorderable blocks. Its content is controlled by its settings and related Shopify data.
Before publishing
- ✓
Content remains readable in every color scheme.
- ✓
Labels match the storefront language.
- ✓
Displayed promotions match Shopify rules.
- ✓
Interactions remain accessible by keyboard and touch.