lex-scotland-theme/theme.json

{
  "version": 3,
  "$schema": "https://schemas.wp.org/trunk/theme.json",
  "settings": {
    "useRootPaddingAwareAlignments": true,
    "appearanceTools": true,
    "layout": {
      "contentSize": "1198",
      "wideSize": "1368"
    },
    "color": {
      "defaultPalette": false,
      "defaultGradients": false,
      "palette": [
        {
          "slug": "background",
          "color": "#FFFAFA",
          "name": "Background"
        },
        {
          "slug": "contrast",
          "color": "#000000",
          "name": "Contrast"
        },
        {
          "slug": "main-purple",
          "color": "#722668",
          "name": "Main Purple"
        },
        {
          "slug": "washed-purple",
          "color": "#D0A7C0",
          "name": "Washed Purple"
        },
        {
          "slug": "main-green",
          "color": "#008D62",
          "name": "Main Green"
        }, 
        {
          "slug": "washed-green",
          "color": "#A1D7D2",
          "name": "Washed Green"
        }
      ]
    },
    "typography": {
      "fluid": true,
      "lineHeight": true,
      "textColumns": true,
      "fontSizes": [
				{
					"name": "Small",
					"size": "16px",
					"slug": "sm",
					"fluid": false
				},
				{
					"name": "Medium",
					"size": "20px",
					"slug": "md",
					"fluid": {
						"min": "18px",
						"max": "20px"
					}
				},
				{
					"name": "Large",
					"size": "40px",
					"slug": "lg",
					"fluid": {
						"min": "32px",
						"max": "40px"
					}
				},
        {
          "name": "Extra Large",
          "size": "48px",
          "slug": "xl",
          "fluid": {
            "min": "40px",
            "max": "48px"
          }
        }
      ],
      "fontFamilies": [
        {
          "fontFamily": "'Inclusive Sans', sans-serif",
          "name": "Inclusive Sans",
          "slug": "inclusive-sans",
          "fontFace": [
            {
              "fontFamily": "Inclusive Sans",
              "fontWeight": "400",
              "fontStyle": "normal",
              "fontStretch": "normal",
              "src": ["file:./assets/fonts/inclusive-sans/inclusive-sans-regular.woff2"]
            },
            {
              "fontFamily": "Inter",
              "fontWeight": "400",
              "fontStyle": "italic",
              "fontStretch": "normal",
              "src": ["file:./assets/fonts/inclusive-sans/inclusive-sans-italic.woff2"]
            }
          ]
        },
        {
          "fontFamily": "'Overused Grotesk', sans-serif",
          "name": "Overused Grotesk",
          "slug": "overused-grotesk",
          "fontFace": [
            {
              "fontFamily": "Overused Grotesk",
              "fontWeight": "400",
              "fontStyle": "normal",
              "fontStretch": "normal",
              "src": ["file:./assets/fonts/overused-grotesk/overused-grotesk-regular.woff2"]
            },
            {
              "fontFamily": "Overused Grotesk",
              "fontWeight": "400",
              "fontStyle": "italic",
              "fontStretch": "normal",
              "src": ["file:./assets/fonts/overused-grotesk/overused-grotesk-italic.woff2"]
            },
            {
              "fontFamily": "Overused Grotesk",
              "fontWeight": "500",
              "fontStyle": "normal",
              "fontStretch": "normal",
              "src": ["file:./assets/fonts/overused-grotesk/overused-grotesk-medium.woff2"]
            },
            {
              "fontFamily": "Overused Grotesk",
              "fontWeight": "500",
              "fontStyle": "italic",
              "fontStretch": "normal",
              "src": ["file:./assets/fonts/overused-grotesk/overused-grotesk-medium-italic.woff2"]
            },
            {
              "fontFamily": "Overused Grotesk",
              "fontWeight": "300",
              "fontStyle": "normal",
              "fontStretch": "normal",
              "src": ["file:./assets/fonts/overused-grotesk/overused-light.woff2"]
            },
            {
              "fontFamily": "Overused Grotesk",
              "fontWeight": "300",
              "fontStyle": "italic",
              "fontStretch": "normal",
              "src": ["file:./assets/fonts/overused-grotesk/overused-grotesk-light-italic.woff2"]
            },
            {
              "fontFamily": "Overused Grotesk",
              "fontWeight": "600",
              "fontStyle": "normal",
              "fontStretch": "normal",
              "src": ["file:./assets/fonts/overused-grotesk/overused-grotesk-semibold.woff2"]
            },
            {
              "fontFamily": "Overused Grotesk",
              "fontWeight": "600",
              "fontStyle": "italic",
              "fontStretch": "normal",
              "src": ["file:./assets/fonts/overused-grotesk/overused-grotesk-semibold-italic.woff2"]
            },
            {
              "fontFamily": "Overused Grotesk",
              "fontWeight": "700",
              "fontStyle": "normal",
              "fontStretch": "normal",
              "src": ["file:./assets/fonts/overused-grotesk/overused-grotesk-bold.woff2"]
            },
            {
              "fontFamily": "Overused Grotesk",
              "fontWeight": "700",
              "fontStyle": "italic",
              "fontStretch": "normal",
              "src": ["file:./assets/fonts/overused-grotesk/overused-grotesk-bold-italic.woff2"]
            },
            {
              "fontFamily": "Overused Grotesk",
              "fontWeight": "800",
              "fontStyle": "normal",
              "fontStretch": "normal",
              "src": ["file:./assets/fonts/overused-grotesk/overused-grotesk-extrabold.woff2"]
            },
            {
              "fontFamily": "Overused Grotesk",
              "fontWeight": "800",
              "fontStyle": "italic",
              "fontStretch": "normal",
              "src": ["file:./assets/fonts/overused-grotesk/overused-grotesk-extrabold-italic.woff2"]
            },
            {
              "fontFamily": "Overused Grotesk",
              "fontWeight": "900",
              "fontStyle": "normal",
              "fontStretch": "normal",
              "src": ["file:./assets/fonts/overused-grotesk/overused-grotesk-black.woff2"]
            },
            {
              "fontFamily": "Overused Grotesk",
              "fontWeight": "900",
              "fontStyle": "italic",
              "fontStretch": "normal",
              "src": ["file:./assets/fonts/overused-grotesk/overused-grotesk-black-italic.woff2"]
            }
          ]
        }
      ]
    }
  },
  "styles": {
    "color": {
      "background": "var(--wp--preset--color--background)",
      "text": "var(--wp--preset--color--contrast)"
    },
    "typography": {
      "fontFamily": "Inclusive Sans",
      "fontSize": "var(--wp--preset--font-size--medium)",
      "fontWeight": "400",
      "lineHeight": "1.6"
    },
    "blocks": {
      "core/post-title": {
        "typography": {
          "fontSize": "40px",
          "fontWeight": "400"
        },
        "color": {
          "text": "var(--wp--preset--color--main-purple)"
        }
      },
      "core/heading": {
        "color": {
          "text": "var(--wp--preset--color--main-purple)"
        }
      },
      "core/button": {
        "color": {
          "background": "#E8BFE2",
          "text": "var(--wp--preset--color--contrast)"
        },
        "spacing": {
          "padding": {
            "top": "1em",
            "bottom": "1em",
            "right": "2em",
            "left": "2em"
          }
        },
        "border": {
          "color": "#000",
          "width": "1px",
          "radius": "50%"
        }
      }
    },
    "elements": {
      "h1": {
        "typography": {
          "fontSize": "40px",
          "fontWeight": "400"
        }
      },
      "h2": {
        "typography": {
          "fontSize": "24px",
          "fontWeight": "400"
        }
      },
      "link": {
        "color": {
          "text": "var(--wp--preset--color--main-green)"
        },
        ":visited": {
          "color": {
            "text": "var(--wp--preset--color--washed-green)"
          }
        },
        ":hover": {
          "color": {
            "text": "var(--wp--preset--color--washed-green)"
          }
        }
      }
    }
  }
}