{
"$schema": "https://schemas.wp.org/wp/6.7/theme.json",
"version": 3,
"title": "Afternoon",
"settings": {
"color": {
"palette": [
{
"color": "#DAE7BD",
"name": "Base",
"slug": "base"
},
{
"color": "#516028",
"name": "Contrast",
"slug": "contrast"
},
{
"color": "#C7F642",
"name": "Accent 1",
"slug": "accent-1"
},
{
"color": "#EBF6D3",
"name": "Accent 2",
"slug": "accent-2"
},
{
"color": "#303D10",
"name": "Accent 3",
"slug": "accent-3"
},
{
"color": "#516028",
"name": "Accent 4",
"slug": "accent-4"
},
{
"color": "#EBF6D3",
"name": "Accent 5",
"slug": "accent-5"
},
{
"color": "#51602833",
"name": "Accent 6",
"slug": "accent-6"
}
]
}
},
"styles": {
"elements": {
"button": {
":hover": {
"color": {
"background": "color-mix(in srgb, var(--wp--preset--color--contrast) 85%, black)"
}
}
}
},
"variations": {
"section-2": {
"color": {
"background": "var:preset|color|accent-3",
"text": "var:preset|color|accent-1"
},
"elements": {
"button": {
"color": {
"background": "var:preset|color|accent-1",
"text": "var:preset|color|accent-3"
},
":hover": {
"color": {
"background": "color-mix(in srgb, var(--wp--preset--color--accent-1) 85%, transparent)"
}
}
}
}
},
"section-4": {
"elements": {
"button": {
":hover": {
"color": {
"background": "color-mix(in srgb, var(--wp--preset--color--accent-2) 85%, transparent)"
}
}
}
}
},
"section-5": {
"elements": {
"button": {
":hover": {
"color": {
"background": "color-mix(in srgb, var(--wp--preset--color--base) 90%, transparent)"
}
}
}
}
}
}
}
}
All system for education purposes only. For more tools: Telegram @jackleet