OwlCyberSecurity - MANAGER

Edit File: 09-onyx.json

{
	"$schema": "https://schemas.wp.org/trunk/theme.json",
	"title": "Onyx",
	"version": 3,
	"settings": {
		"color": {
			"duotone": [
				{
					"colors": ["#FFFCFC", "#C4C4C4"],
					"slug": "primary-and-secondary",
					"name": "Primary and secondary"
				},
				{
					"colors": ["#FFFCFC", "#000000"],
					"slug": "primary-and-tertiary",
					"name": "Primary and tertiary"
				},
				{
					"colors": ["#C4C4C4", "#FFFCFC"],
					"slug": "secondary-and-primary",
					"name": "Secondary and primary"
				},
				{
					"colors": ["#010101", "#17181A"],
					"slug": "foreground-and-background",
					"name": "Foreground and background"
				},
				{
					"colors": ["#FFFFFF", "#FFFCFC"],
					"slug": "primary-foreground",
					"name": "Primary and Foreground"
				},
				{
					"colors": ["#17181A", "#000000"],
					"slug": "background-tertiary",
					"name": "Background and Background Alt"
				}
			],
			"palette": [
				{
					"slug": "foreground",
					"color": "#FFFCFC",
					"name": "Foreground"
				},
				{
					"slug": "background",
					"color": "#17181A",
					"name": "Background"
				},
				{
					"slug": "primary",
					"color": "#FFFFFF",
					"name": "Primary"
				},
				{
					"slug": "secondary",
					"color": "#C4C4C4",
					"name": "Secondary"
				},
				{
					"slug": "tertiary",
					"color": "#000000",
					"name": "Tertiary"
				}
			]
		},
		"custom": {
			"elements": {
				"button": {
					"border": {
						"radius": "0.2rem"
					},
					":hover": {
						"color": {
							"background": "var(--wp--preset--color--secondary)"
						}
					}
				}
			}
		}
	},
	"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--archivo)"
				}
			}
		},
		"typography": {
			"fontFamily": "var(--wp--preset--font-family--archivo)"
		}
	}
}