global_selected_style Filter

Gets the selected global style. Meant to be used in combination with global styles that can be edited via the style editor controls. At the moment this filter only supports the color-style-editor control.

site/settings/global.json

"colorStyles": {
	"styles": [
		{
			"value": "light",
			"label": "Light",
			"colors": [
				{
					"color": "#000000e6",
					"label": "Label",
					"value": "label"
				},
				{
					"color": "#000000e6",
					"label": "Heading",
					"value": "heading"
				},
				{
					"color": "#000000e6",
					"label": "Paragraph",
					"value": "paragraph"
				},
				{
					"color": "#ffffff",
					"label": "Background",
					"value": "background"
				}
			],
			"systemColors": [
				{
					"color": "#00b23b",
					"label": "Success",
					"value": "success"
				},
				{
					"color": "#ff9f40",
					"label": "Warning",
					"value": "warning"
				},
				{
					"color": "#cc0023",
					"label": "Critical",
					"value": "critical"
				}
			]
		},
		{
			"value": "dark",
			"label": "Dark",
			"colors": [
				{
					"color": "#fffffff2",
					"label": "Label",
					"value": "label"
				},
				{
					"color": "#fffffff2",
					"label": "Heading",
					"value": "heading"
				},
				{
					"color": "#fffffff2",
					"label": "Paragraph",
					"value": "paragraph"
				},
				{
					"color": "#000000",
					"label": "Background",
					"value": "background"
				}
			],
			"systemColors": [
				{
					"color": "#00b23b",
					"label": "Success",
					"value": "success"
				},
				{
					"color": "#ff9f40",
					"label": "Warning",
					"value": "warning"
				},
				{
					"color": "#cc0023",
					"label": "Critical",
					"value": "critical"
				}
			]
		},
	],
	"default": "light"
}

{{ 'color.colorStyles'|global_selected_style }}

will output

{
	"value": "light",
	"label": "Light",
	"colors": [
		{
			"color": "#000000e6",
			"label": "Label",
			"value": "label"
		},
		{
			"color": "#000000e6",
			"label": "Heading",
			"value": "heading"
		},
		{
			"color": "#000000e6",
			"label": "Paragraph",
			"value": "paragraph"
		},
		{
			"color": "#ffffff",
			"label": "Background",
			"value": "background"
		}
	],
	"systemColors": [
		{
			"color": "#00b23b",
			"label": "Success",
			"value": "success"
		},
		{
			"color": "#ff9f40",
			"label": "Warning",
			"value": "warning"
		},
		{
			"color": "#cc0023",
			"label": "Critical",
			"value": "critical"
		}
	]
}