Skip to content

Instantly share code, notes, and snippets.

@emre-edu-tech
Last active April 14, 2023 07:29
Show Gist options
  • Star 0 You must be signed in to star a gist
  • Fork 0 You must be signed in to fork a gist
  • Save emre-edu-tech/80fb260135d4b571c059ed4b437227a2 to your computer and use it in GitHub Desktop.
Save emre-edu-tech/80fb260135d4b571c059ed4b437227a2 to your computer and use it in GitHub Desktop.
Wordpress Full Site Editor theme.json sample file with a Visual Studio Code Schema - Theme Prefix is devforwp
{
"$schema": "https://schemas.wp.org/trunk/theme.json",
"version": 2,
"settings": {
"typography": {
"fontFamilies": [
{ "fontFamily": "Rubik, sans-serif", "slug": "devforwp-rubik", "name": "DevForWp 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": "devforwp-summer-dog",
"name": "DevForWp Summer Dog",
"gradient": "linear-gradient(#A8FF78, #78FFD6)"
}
],
"defaultPalette": false,
"palette": [
{ "slug": "devforwp-white", "color": "rgb(255, 255, 255)", "name": "DevForWp White" },
{ "slug": "devforwp-gray-100", "color": "rgb(243 244 246)", "name": "DevForWp Gray 100" },
{ "slug": "devforwp-gray-200", "color": "rgb(229 231 235)", "name": "DevForWp Gray 200" },
{ "slug": "devforwp-gray-300", "color": "rgb(209 213 219)", "name": "DevForWp Gray 300" },
{ "slug": "devforwp-gray-400", "color": "rgb(156 163 175)", "name": "DevForWp Gray 400" },
{ "slug": "devforwp-gray-500", "color": "rgb(107 114 128)", "name": "DevForWp Gray 500" },
{ "slug": "devforwp-gray-600", "color": "rgb(75 85 99)", "name": "DevForWp Gray 600" },
{ "slug": "devforwp-gray-700", "color": "rgb(55 65 81)", "name": "DevForWp Gray 700" },
{ "slug": "devforwp-gray-800", "color": "rgb(31 41 55)", "name": "DevForWp Gray 800" },
{ "slug": "devforwp-gray-900", "color": "rgb(17 24 39)", "name": "DevForWp Gray 900" },
{ "slug": "devforwp-primary", "color": "rgb(239 68 68)", "name": "DevForWp Primary" },
{ "slug": "devforwp-accent", "color": "rgb(67 56 202)", "name": "DevForWp Accent" },
{ "slug": "devforwp-success", "color": "rgb(52 211 153)", "name": "DevForWp Success" },
{ "slug": "devforwp-info", "color": "rgb(96 165 250)", "name": "DevForWp Info" },
{ "slug": "devforwp-warning", "color": "rgb(251 146 60)", "name": "DevForWp Warning" },
{ "slug": "devforwp-danger", "color": "rgb(236 72 153)", "name": "DevForWp Danger" }
],
"background": true,
"text": true,
"link": true,
"custom": true,
"duotone": [
{ "slug": "devforwp-pink-sunset", "colors": ["#11245E", "DC4379"], "name": "DevForWp Pink Sunset" }
]
},
"blocks": {
"core/site-title": {
"color": {
"defaultPalette": true,
"palette": [
{ "slug": "devforwp-primary", "color": "#EF4444", "name": "DevForWp Primary" }
],
"gradients": [],
"customGradient": false
},
"typography": {
"fontFamilies": [
{ "fontFamily": "Pacifico, sans-serif", "slug": "devforwp-pacifico", "name": "DevForWp Pacifico" }
]
}
},
"core/cover": {
"color": {
"duotone": [],
"customDuotone": false
}
},
"core/preformatted": {
"typography": {
"customFontSize": false,
"fontSizes": []
}
}
}
},
"styles": {
"typography": {
"fontFamily": "var(--wp--preset--font-family--devforwp-rubik)",
"fontSize": "16px",
"fontStyle": "normal",
"fontWeight": "normal",
"lineHeight": "inherit",
"textDecoration": "none",
"textTransform": "none"
},
"elements": {
"link": {
"color": {
"text": "var(--wp--preset--color--devforwp-primary)"
}
}
},
"color": {
"text": "var(--wp--preset--color--devforwp-gray-700)",
"background": "var(--wp--preset--color--devforwp-white)"
},
"blocks": {
"core/site-title": {
"typography": {
"fontFamily": "var(--wp--preset--font-family--devforwp-pacifico)"
}
},
"core/button": {
"color": {
"gradient": "var(--wp--preset--gradient--devforwp-summer-dog)"
}
},
"core/pullquote": {
"border": {
"width": "2px",
"radius": "10px",
"style": "solid",
"color": "var(--wp--preset--color--devforwp-primary)"
}
}
}
}
}
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment