OwlCyberSecurity - MANAGER

Edit File: 10-midnight.json

{
	"$schema": "https://schemas.wp.org/trunk/theme.json",
	"title": "Midnight",
	"version": 3,
	"settings": {
		"color": {
			"duotone": [
				{
					"colors": ["#292928", "#6E5E60"],
					"slug": "primary-and-secondary",
					"name": "Primary and secondary"
				},
				{
					"colors": ["#292928", "#F9F9F9"],
					"slug": "primary-and-tertiary",
					"name": "Primary and tertiary"
				},
				{
					"colors": ["#6E5E60", "#292928"],
					"slug": "secondary-and-primary",
					"name": "Secondary and primary"
				},
				{
					"colors": ["#0E1F32", "#ECE8E5"],
					"slug": "foreground-and-background",
					"name": "Foreground and background"
				},
				{
					"colors": ["#292928", "#0E1F32"],
					"slug": "primary-foreground",
					"name": "Primary and Foreground"
				},
				{
					"colors": ["#ECE8E5", "#F9F9F9"],
					"slug": "background-tertiary",
					"name": "Background and Background Alt"
				}
			],
			"palette": [
				{ "slug": "foreground", "color": "#0E1F32", "name": "Foreground" },
				{ "slug": "background", "color": "#ECE8E5", "name": "Background" },
				{ "slug": "primary", "color": "#292928", "name": "Primary" },
				{ "slug": "secondary", "color": "#6E5E60", "name": "Secondary" },
				{ "slug": "tertiary", "color": "#F9F9F9", "name": "Tertiary" },
				{
					"slug": "foreground-alt",
					"color": "#0E1F32",
					"name": "Foreground Alt"
				}
			]
		},
		"custom": {
			"elements": {
				"button": {
					"border": { "radius": "0" },
					"color": {
						"background": "#E9C9CD",
						"text": "var(--wp--preset--color--foreground)"
					},
					":hover": {
						"color": {
							"background": "var(--wp--preset--color--foreground)",
							"text": "var(--wp--preset--color--background)"
						}
					},
					":focus": {
						"color": {
							"background": "#E9C9CD",
							"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--ibm-plex-sans)"
				}
			}
		},
		"typography": {
			"fontFamily": "var(--wp--preset--font-family--inter)"
		}
	}
}