Wordpress Full Site Editor theme.json sample file with a Visual Studio Code Schema - Theme Prefix is mpons

theme.json

{
    "$schema": "https://schemas.wp.org/trunk/theme.json",
    "version": 2,
    "settings": {
        "typography": {
            "fontFamilies": [
                { "fontFamily": "Rubik, sans-serif", "slug": "mpons-rubik", "name": "Mpons Rubik" }
            ],
            "fontSizes": [
                { "slug": "small", "size": "0.75rem", "name": "Small" },
                { "slug": "medium", "size": "1.25rem", "name": "Medium" },
                { "slug": "large", "size": "2.25rem", "name": "Large" },
                { "slug": "x-large", "size": "3rem", "name": "Extra Large" },
                { "slug": "gigantic", "size": "3.75rem", "name": "Gigantic" }
            ],
            "lineHeight": true,
            "dropCap": true,
            "fontWeight": true,
            "fontStyle": true,
            "textTransform": true,
            "letterSpacing": true,
            "textDecoration": true
        },
        "border": {
            "color": true,
            "width": true,
            "radius": true,
            "style": true
        },
        "color": {
            "defaultGradients": false,
            "gradients": [
                { 
                    "slug": "mpons-summer-dog", 
                    "name": "Mpons Summer Dog", 
                    "gradient": "linear-gradient(#A8FF78, #78FFD6)" 
                }
            ],
            "defaultPalette": false,
            "palette": [
                { "slug": "mpons-white", "color": "rgb(255, 255, 255)", "name": "Mpons White" },
                { "slug": "mpons-gray-100", "color": "rgb(243 244 246)", "name": "Mpons Gray 100" },
                { "slug": "mpons-gray-200", "color": "rgb(229 231 235)", "name": "Mpons Gray 200" },
                { "slug": "mpons-gray-300", "color": "rgb(209 213 219)", "name": "Mpons Gray 300" },
                { "slug": "mpons-gray-400", "color": "rgb(156 163 175)", "name": "Mpons Gray 400" },
                { "slug": "mpons-gray-500", "color": "rgb(107 114 128)", "name": "Mpons Gray 500" },
                { "slug": "mpons-gray-600", "color": "rgb(75 85 99)", "name": "Mpons Gray 600" },
                { "slug": "mpons-gray-700", "color": "rgb(55 65 81)", "name": "Mpons Gray 700" },
                { "slug": "mpons-gray-800", "color": "rgb(31 41 55)", "name": "Mpons Gray 800" },
                { "slug": "mpons-gray-900", "color": "rgb(17 24 39)", "name": "Mpons Gray 900" },
                { "slug": "mpons-primary", "color": "rgb(239 68 68)", "name": "Mpons Primary" },
                { "slug": "mpons-accent", "color": "rgb(67 56 202)", "name": "Mpons Accent" },
                { "slug": "mpons-success", "color": "rgb(52 211 153)", "name": "Mpons Success" },
                { "slug": "mpons-info", "color": "rgb(96 165 250)", "name": "Mpons Info" },
                { "slug": "mpons-warning", "color": "rgb(251 146 60)", "name": "Mpons Warning" },
                { "slug": "mpons-danger", "color": "rgb(236 72 153)", "name": "Mpons Danger" }
            ],
            "background": true,
            "text": true,
            "link": true,
            "custom": true,
            "duotone": [
                { "slug": "mpons-pink-sunset", "colors": ["#11245E", "DC4379"], "name": "Mpons Pink Sunset" }
            ]
        },
        "blocks": {
            "core/site-title": {
                "color": {
                    "defaultPalette": true,
                    "palette": [
                        { "slug": "mpons-primary", "color": "#EF4444", "name": "Mpons Primary" }
                    ],
                    "gradients": [],
                    "customGradient": false
                },
                "typography": {
                    "fontFamilies": [
                        { "fontFamily": "Pacifico, sans-serif", "slug": "mpons-pacifico", "name": "Mpons Pacifico" }
                    ]
                }
            },
            "core/cover": {
                "color": {
                    "duotone": [],
                    "customDuotone": false
                }
            },
            "core/preformatted": {
                "typography": {
                    "customFontSize": false,
                    "fontSizes": []
                }
            }
        }
    },
    "styles": {
        "typography": {
            "fontFamily": "var(--wp--preset--font-family--mpons-rubik)",
            "fontSize": "16px",
            "fontStyle": "normal",
            "fontWeight": "normal",
            "lineHeight": "inherit",
            "textDecoration": "none",
            "textTransform": "none"
        },
        "elements": {
            "link": {
                "color": {
                    "text": "var(--wp--preset--color--mpons-primary)"
                }
            }
        },
        "color": {
            "text": "var(--wp--preset--color--mpons-gray-700)",
            "background": "var(--wp--preset--color--mpons-white)"
        },
        "blocks": {
            "core/site-title": {
                "typography": {
                    "fontFamily": "var(--wp--preset--font-family--mpons-pacifico)"
                }
            },
            "core/button": {
                "color": {
                    "gradient": "var(--wp--preset--gradient--mpons-summer-dog)"
                }
            },
            "core/pullquote": {
                "border": {
                    "width": "2px",
                    "radius": "10px",
                    "style": "solid",
                    "color": "var(--wp--preset--color--mpons-primary)"
                }
            }
        }
    }
}