color_scheme

Pick one of the theme’s color schemes.

Schema

{
  "type": "color_scheme",
  "id": "color_scheme",
  "label": "Color scheme",
  "default": "scheme-1"
}

Value in Liquid

The scheme ID; use it as a class name.

Usage

<section class="scheme-{{ section.settings.color_scheme }}">

Compatibility

Differs from Shopify

The value is the scheme ID, not the scheme object.

Since theme platform 1.0.