Skip to content

Instantly share code, notes, and snippets.

@thetwopct
Last active October 15, 2021 16:06
Show Gist options
  • Star 0 You must be signed in to star a gist
  • Fork 1 You must be signed in to fork a gist
  • Save thetwopct/4bba506e8583ee7a2df2266e3351f0a5 to your computer and use it in GitHub Desktop.
Save thetwopct/4bba506e8583ee7a2df2266e3351f0a5 to your computer and use it in GitHub Desktop.
An actual working experimental-theme.json as the WordPress documentation is utter shit
{
"templateParts": {
"header": {
"area": "header"
},
"footer": {
"area": "footer"
}
},
"settings": {
"defaults": {
"color": {
"palette": [
{
"slug": "black",
"color": "#000000",
"name": "Black"
},
{
"slug": "dark-gray",
"color": "#28303D",
"name": "Dark Gray"
},
{
"slug": "gray",
"color": "#39414D",
"name": "Gray"
},
{
"slug": "green",
"color": "#D1E4DD",
"name": "Green"
},
{
"slug": "blue",
"color": "#D1DFE4",
"name": "Blue"
},
{
"slug": "purple",
"color": "#D1D1E4",
"name": "Purple"
},
{
"slug": "red",
"color": "#E4D1D1",
"name": "Red"
},
{
"slug": "orange",
"color": "#E4DAD1",
"name": "Orange"
},
{
"slug": "yellow",
"color": "#EEEADD",
"name": "Yellow"
},
{
"slug": "white",
"color": "#FFFFFF",
"name": "White"
}
],
"gradients": [
{
"slug": "purple-to-yellow",
"gradient": "linear-gradient(160deg, var(--wp--preset--color--purple), var(--wp--preset--color--yellow))",
"name": "Purple to Yellow"
},
{
"slug": "yellow-to-purple",
"gradient": "linear-gradient(160deg, var(--wp--preset--color--yellow), var(--wp--preset--color--purple))",
"name": "Yellow to Purple"
},
{
"slug": "green-to-yellow",
"gradient": "linear-gradient(160deg, var(--wp--preset--color--green), var(--wp--preset--color--yellow))",
"name": "Green to Yellow"
},
{
"slug": "yellow-to-green",
"gradient": "linear-gradient(160deg, var(--wp--preset--color--yellow), var(--wp--preset--color--green))",
"name": "Yellow to Green"
},
{
"slug": "red-to-yellow",
"gradient": "linear-gradient(160deg, var(--wp--preset--color--red), var(--wp--preset--color--yellow))",
"name": "Red to Yellow"
},
{
"slug": "yellow-to-red",
"gradient": "linear-gradient(160deg, var(--wp--preset--color--yellow), var(--wp--preset--color--red))",
"name": "Yellow to Red"
},
{
"slug": "purple-to-red",
"gradient": "linear-gradient(160deg, var(--wp--preset--color--purple), var(--wp--preset--color--red))",
"name": "Purple to Red"
},
{
"slug": "red-to-purple",
"gradient": "linear-gradient(160deg, var(--wp--preset--color--red), var(--wp--preset--color--purple))",
"name": "Red to Purple"
}
]
},
"typography": {
"customLineHeight": true,
"fontSizes": [
{
"slug": "extra-small",
"size": "16px",
"name": "Extra small"
},
{
"slug": "small",
"size": "18px",
"name": "Small"
},
{
"slug": "normal",
"size": "20px",
"name": "Normal"
},
{
"slug": "large",
"size": "24px",
"name": "Large"
},
{
"slug": "extra-large",
"size": "40px",
"name": "Extra large"
},
{
"slug": "huge",
"size": "96px",
"name": "Huge"
},
{
"slug": "gigantic",
"size": "144px",
"name": "Gigantic"
}
],
"fontFamilies": [
{
"fontFamily": "-apple-system,BlinkMacSystemFont,\"Segoe UI\",Roboto,Oxygen-Sans,Ubuntu,Cantarell,\"Helvetica Neue\",sans-serif",
"slug": "system-font",
"name": "System Font"
},
{
"fontFamily": "Helvetica Neue, Helvetica, Arial, sans-serif",
"slug": "helvetica-arial"
},
{
"fontFamily": "Geneva, Tahoma, Verdana, sans-serif",
"slug": "geneva-verdana"
},
{
"fontFamily": "Cambria, Georgia, serif",
"slug": "cambria-georgia"
},
{
"fontFamily": "Hoefler Text, Baskerville Old Face, Garamond, Times New Roman, serif",
"slug": "hoefler-times-new-roman"
}
]
},
"spacing": {
"customPadding": true
},
"custom": {
"font-primary": "-apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Oxygen-Sans, Ubuntu, Cantarell, 'Helvetica Neue', sans-serif",
"line-height": {
"body": 1.7,
"heading": 1.3,
"page-title": 1.1
},
"responsive": {
"aligndefault-width": "610px",
"alignwide-width": "1240px"
},
"spacing": {
"unit": "20px",
"horizontal": "25px",
"vertical": "30px"
}
}
}
},
"styles": {
"root": {
"color": {
"background": "var(--wp--preset--color--green)",
"text": "var(--wp--preset--color--dark-gray)",
"link": "var(--wp--preset--color--dark-gray)"
},
"typography": {
"fontSize": "var(--wp--preset--font-size--normal)",
"lineHeight": "var(--wp--custom--line-height--body)"
}
},
"core/heading/h1": {
"typography": {
"fontSize": "var(--wp--preset--font-size--gigantic)",
"lineHeight": "var(--wp--custom--line-height--page-title)"
}
},
"core/heading/h2": {
"typography": {
"fontSize": "var(--wp--preset--font-size--extra-large)",
"lineHeight": "var(--wp--custom--line-height--heading)"
}
},
"core/heading/h3": {
"typography": {
"fontSize": "calc(1.25 * var(--wp--preset--font-size--large))",
"lineHeight": "var(--wp--custom--line-height--heading)"
}
},
"core/heading/h4": {
"typography": {
"fontSize": "var(--wp--preset--font-size--large)",
"lineHeight": "var(--wp--custom--line-height--heading)"
}
},
"core/heading/h5": {
"typography": {
"fontSize": "var(--wp--preset--font-size--small)",
"lineHeight": "var(--wp--custom--line-height--heading)"
}
},
"core/heading/h6": {
"typography": {
"fontSize": "var(--wp--preset--font-size--extra-small)",
"lineHeight": "var(--wp--custom--line-height--heading)"
}
},
"core/site-tagline": {
"typography": {
"fontSize": "var(--wp--preset--font-size--small)",
"lineHeight": 1.4
}
},
"core/site-title": {
"typography": {
"fontSize": "var(--wp--preset--font-size--large)"
}
},
"core/post-author": {
"typography": {
"fontSize": "var(--wp--preset--font-size--extra-small)",
"lineHeight": "var(--wp--custom--line-height--body)"
}
},
"core/post-date": {
"typography": {
"fontSize": "var(--wp--preset--font-size--extra-small)",
"lineHeight": "var(--wp--custom--line-height--body)"
}
},
"core/post-hierarchical-terms": {
"typography": {
"fontSize": "var(--wp--preset--font-size--extra-small)",
"lineHeight": "var(--wp--custom--line-height--body)"
}
},
"core/post-tags": {
"typography": {
"fontSize": "var(--wp--preset--font-size--extra-small)",
"lineHeight": "var(--wp--custom--line-height--body)"
}
}
},
"customTemplates": {
"page-home": {
"title": "Page without title"
}
}
}
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment