color_scheme_group

The theme’s color schemes (settings_schema.json only): named sets of colors.

Define the colors each scheme has in “definition”; merchants add schemes in the editor. Output a CSS class per scheme in a snippet.

Schema

{
  "type": "color_scheme_group",
  "id": "color_schemes",
  "definition": [
    {
      "type": "color",
      "id": "background",
      "label": "Background",
      "default": "#FFFFFF"
    },
    {
      "type": "color",
      "id": "text",
      "label": "Text",
      "default": "#191719"
    }
  ],
  "role": {
    "background": "background",
    "text": "text"
  }
}

Value in Liquid

An object of schemes by ID; each has settings.<color id>.

Compatibility

Shopify: Same as Shopify.

Since theme platform 1.0.