GRAYBYTE

Back Back Up Advanced Editor

{
	"$schema": "https://schemas.wp.org/trunk/theme.json",
	"title": "Brick",
	"version": 3,
	"settings": {
		"color": {
			"duotone": [
				{
					"colors": ["#7A2812", "#3D4235"],
					"slug": "primary-and-secondary",
					"name": "Primary and secondary"
				},
				{
					"colors": ["#7A2812", "#E2E1DD"],
					"slug": "primary-and-tertiary",
					"name": "Primary and tertiary"
				},
				{
					"colors": ["#3D4235", "#7A2812"],
					"slug": "secondary-and-primary",
					"name": "Secondary and primary"
				},
				{
					"colors": ["#171511", "#F3EFEC"],
					"slug": "foreground-and-background",
					"name": "Foreground and background"
				},
				{
					"colors": ["#7A2812", "#171511"],
					"slug": "primary-foreground",
					"name": "Primary and Foreground"
				},
				{
					"colors": ["#F3EFEC", "#E2E1DD"],
					"slug": "background-tertiary",
					"name": "Background and Background Alt"
				}
			],
			"palette": [
				{ "slug": "background", "color": "#F3EFEC", "name": "Background" },
				{ "slug": "foreground", "color": "#171511", "name": "Foreground" },
				{ "slug": "primary", "color": "#7A2812", "name": "Primary" },
				{ "slug": "secondary", "color": "#3D4235", "name": "Secondary" },
				{ "slug": "tertiary", "color": "#E2E1DD", "name": "Tertiary" },
				{
					"slug": "foreground-alt",
					"color": "#090703",
					"name": "Foreground Alt"
				}
			]
		},
		"custom": {
			"elements": {
				"button": {
					"color": {
						"background": "var(--wp--preset--color--primary)",
						"text": "var(--wp--preset--color--background)"
					},
					":hover": {
						"color": {
							"background": "var(--wp--preset--color--foreground)",
							"text": "var(--wp--preset--color--background)"
						}
					},
					":focus": {
						"color": {
							"background": "var(--wp--preset--color--primary)",
							"text": "var(--wp--preset--color--background)"
						}
					}
				}
			}
		}
	},
	"styles": {
		"color": {
			"text": "var(--wp--preset--color--foreground-alt)"
		},
		"elements": {
			"heading": {
				"color": {
					"text": "var(--wp--preset--color--foreground)"
				}
			}
		}
	}
}