View file File name : 04-afternoon.json Content :{ "$schema": "https://schemas.wp.org/trunk/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)" } } } } } } } }