Edit

Editing: section-3.json

{
    "$schema": "https://schemas.wp.org/trunk/theme.json",
    "version": 3,
    "slug": "section-3",
    "title": "Style 3",
    "blockTypes": [
        "core/group",
        "core/columns",
        "core/column"
    ],
    "styles": {
        "color": {
            "background": "var(--wp--preset--color--theme-5)",
            "text": "var(--wp--preset--color--theme-1)"
        },
        "blocks": {
            "core/separator": {
                "color": {
                    "text": "color-mix(in srgb, currentColor 25%, transparent)"
                }
            }
        },
        "elements": {
            "button": {
                "color": {
                    "background": "var(--wp--preset--color--theme-1)",
                    "text": "var(--wp--preset--color--theme-5)"
                },
                ":hover": {
                    "color": {
                        "background": "color-mix(in srgb, var(--wp--preset--color--theme-1) 85%, #000)",
                        "text": "var(--wp--preset--color--theme-5)"
                    }
                }
            }
        }
    }
}

Back