color_scheme object
A color scheme of the theme. You get one from a color_scheme setting, and all of them from settings.color_schemes. See color_scheme_group.
When you output a color_scheme object directly, you get its ID.
Properties
| Name | Type | Description |
|---|---|---|
id | string | The ID of the scheme, for example scheme-1. |
settings | object | The values of the scheme, keyed by the setting IDs of the group definition. A color value is a color object, and a color_background value is a string. |
liquid
{% assign scheme = section.settings.color_scheme %}
<section class="color-{{ scheme }}" style="color: {{ scheme.settings.text }}">Output
html
<section class="color-scheme-2" style="color: #F8FAFC">