theme.json

{
  "$schema": "https://schemas.wp.org/trunk/theme.json",
  "version": 2,
  "customTemplates": [
    {
      "title": "Blank",
      "name": "blank",
      "postTypes": [
        "page",
        "post"
      ]
    },
    {
      "title": "Full Width",
      "name": "full-width",
      "postTypes": [
        "page",
        "post"
      ]
    }
  ],
  "templateParts": [
    {
      "area": "header",
      "name": "header",
      "title": "Header"
    },
    {
      "area": "footer",
      "name": "footer",
      "title": "Footer"
    }
  ],
  "settings": {
    "custom": {
      "border": {
        "radius": "4px"
      },
      "heading": {
        "fontVariationSettings": "\"wdth\" 125"
      },
      "button": {
        "fontVariationSettings": "\"wdth\" 125"
      },
      "image": {
        "borderRadius": "40px"
      },
      "inlineImage": {
        "maxHeight": "0.8em"
      },
      "icon": {
        "color": "var(--wp--preset--color--neutral-900)"
      },
      "ghost": {
        "color": "var(--wp--preset--color--neutral-900)"
      },
      "subHeading": {
        "color": "var(--wp--preset--color--neutral-900)"
      }
    },
    "color": {
      "palette": [
        {
          "name": "Neutral 950",
          "slug": "neutral-950",
          "color": "#030712"
        },
        {
          "name": "Neutral 900",
          "slug": "neutral-900",
          "color": "#111827"
        },
        {
          "name": "Neutral 800",
          "slug": "neutral-800",
          "color": "#1f2937"
        },
        {
          "name": "Neutral 700",
          "slug": "neutral-700",
          "color": "#374151"
        },
        {
          "name": "Neutral 600",
          "slug": "neutral-600",
          "color": "#4b5563"
        },
        {
          "name": "Neutral 500",
          "slug": "neutral-500",
          "color": "#6b7280"
        },
        {
          "name": "Neutral 400",
          "slug": "neutral-400",
          "color": "#9ca3af"
        },
        {
          "name": "Neutral 300",
          "slug": "neutral-300",
          "color": "#d1d5db"
        },
        {
          "name": "Neutral 200",
          "slug": "neutral-200",
          "color": "#e5e7eb"
        },
        {
          "name": "Neutral 100",
          "slug": "neutral-100",
          "color": "#f3f4f6"
        },
        {
          "name": "Neutral 50",
          "slug": "neutral-50",
          "color": "#f9fafb"
        },
        {
          "name": "Neutral 0",
          "slug": "neutral-0",
          "color": "#ffffff"
        },
        {
          "name": "Success 600",
          "slug": "success-600",
          "color": "#059669"
        },
        {
          "name": "Success 500",
          "slug": "success-500",
          "color": "#10b981"
        },
        {
          "name": "Success 100",
          "slug": "success-100",
          "color": "#d1fae5"
        },
        {
          "name": "Warning 600",
          "slug": "warning-600",
          "color": "#d97706"
        },
        {
          "name": "Warning 500",
          "slug": "warning-500",
          "color": "#f59e0b"
        },
        {
          "name": "Warning 100",
          "slug": "warning-100",
          "color": "#feeac7"
        },
        {
          "name": "Error 600",
          "slug": "error-600",
          "color": "#e11d48"
        },
        {
          "name": "Error 500",
          "slug": "error-500",
          "color": "#f43f5e"
        },
        {
          "name": "Error 100",
          "slug": "error-100",
          "color": "#ffe4e6"
        },
        {
          "name": "Transparent",
          "slug": "transparent",
          "color": "transparent"
        },
        {
          "name": "Current",
          "slug": "current",
          "color": "currentcolor"
        },
        {
          "name": "Inherit",
          "slug": "inherit",
          "color": "inherit"
        }
      ]
    },
    "typography": {
      "fontFamilies": [
        {
          "fontFamily": "Mona Sans,var(--wp--preset--font-family--sans-serif)",
          "name": "Mona Sans",
          "slug": "mona-sans",
          "fontFace": [
            {
              "fontFamily": "Mona Sans",
              "fontStyle": "normal",
              "fontStretch": "normal",
              "fontDisplay": "swap",
              "fontWeight": "100 900",
              "src": [
                "file:./assets/fonts/mona-sans.woff2"
              ]
            }
          ]
        }
      ]
    }
  },
  "styles": {
    "typography": {
      "fontFamily": "var(--wp--preset--font-family--mona-sans)",
      "fontSize": "var(--wp--preset--font-size--20)"
    },
    "elements": {
      "button": {
        "border": {
          "radius": "99px"
        },
        "color": {
          "background": "var(--wp--preset--color--neutral-950)"
        }
      },
      "heading": {
        "typography": {
          "fontWeight": "var(--wp--custom--font-weight--black)",
          "textTransform": "uppercase"
        },
        "color": {
          "text": "var(--wp--preset--color--neutral-950)"
        }
      }
    }
  }
}