OwlCyberSecurity - MANAGER

Edit File: 06-lilac.json

{
	"$schema": "https://schemas.wp.org/trunk/theme.json",
	"title": "Lilac",
	"version": 3,
	"settings": {
		"color": {
			"duotone": [
				{
					"colors": ["#52466A", "#281C39"],
					"slug": "primary-and-secondary",
					"name": "Primary and secondary"
				},
				{
					"colors": ["#52466A", "#FFFFFF"],
					"slug": "primary-and-tertiary",
					"name": "Primary and tertiary"
				},
				{
					"colors": ["#281C39", "#52466A"],
					"slug": "secondary-and-primary",
					"name": "Secondary and primary"
				},
				{
					"colors": ["#3B2B53", "#DAD4EB"],
					"slug": "foreground-and-background",
					"name": "Foreground and background"
				},
				{
					"colors": ["#52466A", "#3B2B53"],
					"slug": "primary-foreground",
					"name": "Primary and Foreground"
				},
				{
					"colors": ["#DAD4EB", "#FFFFFF"],
					"slug": "background-tertiary",
					"name": "Background and Background Alt"
				}
			],
			"palette": [
				{ "slug": "foreground", "color": "#3B2B53", "name": "Foreground" },
				{ "slug": "background", "color": "#DAD4EB", "name": "Background" },
				{ "slug": "primary", "color": "#52466A", "name": "Primary" },
				{ "slug": "secondary", "color": "#281C39", "name": "Secondary" },
				{ "slug": "tertiary", "color": "#FFFFFF", "name": "Tertiary" },
				{
					"slug": "foreground-alt",
					"color": "#1D142B",
					"name": "Foreground Alt"
				}
			]
		},
		"custom": {
			"elements": {
				"button": {
					"border": { "radius": "20rem" },
					"color": {
						"background": "#CDFB6F",
						"text": "var(--wp--preset--color--foreground)"
					},
					":hover": {
						"color": {
							"background": "var(--wp--preset--color--foreground)",
							"text": "var(--wp--preset--color--background)"
						}
					},
					":focus": {
						"color": {
							"background": "#CDFB6F",
							"text": "var(--wp--preset--color--background)"
						}
					}
				}
			}
		}
	},
	"styles": {
		"elements": {
			"h1": { "typography": { "fontWeight": "500" } },
			"h2": { "typography": { "fontWeight": "500" } },
			"h3": { "typography": { "fontWeight": "500" } },
			"h4": { "typography": { "fontWeight": "500" } },
			"h5": { "typography": { "fontWeight": "500" } },
			"h6": { "typography": { "fontWeight": "500" } },
			"heading": {
				"typography": {
					"fontFamily": "var(--wp--preset--font-family--koulen)"
				}
			}
		},
		"typography": {
			"fontFamily": "var(--wp--preset--font-family--ibm-plex-sans)"
		}
	}
}