Skip to content

Instantly share code, notes, and snippets.

@jeffikus
Created September 8, 2022 20:43
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 jeffikus/1a66dd7922e8cb41c935349dd1459257 to your computer and use it in GitHub Desktop.
Save jeffikus/1a66dd7922e8cb41c935349dd1459257 to your computer and use it in GitHub Desktop.
Style variation for TT3 theme, based off of https://www.happyhues.co/palettes/10
{
"customTemplates": [
{
"name": "blank",
"postTypes": [
"page",
"post"
],
"title": "Blank"
},
{
"name": "blog-alternative",
"postTypes": [
"page"
],
"title": "Blog (Alternative)"
},
{
"name": "404",
"postTypes": [
"page"
],
"title": "404"
}
],
"settings": {
"appearanceTools": true,
"color": {
"palette": [
{
"color": "#ffffff",
"name": "Base",
"slug": "base"
},
{
"color": "#000000",
"name": "Contrast",
"slug": "contrast"
},
{
"color": "#9DFF20",
"name": "Primary",
"slug": "primary"
},
{
"color": "#345C00",
"name": "Secondary",
"slug": "secondary"
},
{
"color": "#F6F6F6",
"name": "Tertiary",
"slug": "tertiary"
}
]
},
"layout": {
"contentSize": "650px",
"wideSize": "1000px"
},
"spacing": {
"units": [
"%",
"px",
"em",
"rem",
"vh",
"vw"
]
},
"typography": {
"dropCap": false,
"fontFamilies": [
{
"fontFace": [
{
"fontFamily": "DM Sans",
"fontStretch": "normal",
"fontStyle": "normal",
"fontWeight": "400",
"src": [
"file:./assets/fonts/dm-sans/DMSans-Regular.woff2"
]
},
{
"fontFamily": "DM Sans",
"fontStretch": "normal",
"fontStyle": "italic",
"fontWeight": "400",
"src": [
"file:./assets/fonts/dm-sans/DMSans-Regular-Italic.woff2"
]
},
{
"fontFamily": "DM Sans",
"fontStretch": "normal",
"fontStyle": "normal",
"fontWeight": "700",
"src": [
"file:./assets/fonts/dm-sans/DMSans-Bold.woff2"
]
},
{
"fontFamily": "DM Sans",
"fontStretch": "normal",
"fontStyle": "italic",
"fontWeight": "700",
"src": [
"file:./assets/fonts/dm-sans/DMSans-Bold-Italic.woff2"
]
}
],
"fontFamily": "\"DM Sans\", sans-serif",
"name": "DM Sans",
"slug": "dm-sans"
},
{
"fontFace": [
{
"fontDisplay": "block",
"fontFamily": "IBM Plex Mono",
"fontStretch": "normal",
"fontStyle": "normal",
"fontWeight": "300",
"src": [
"file:./assets/fonts/ibm-plex-mono/IBMPlexMono-Light.woff2"
]
},
{
"fontDisplay": "block",
"fontFamily": "IBM Plex Mono",
"fontStretch": "normal",
"fontStyle": "normal",
"fontWeight": "400",
"src": [
"file:./assets/fonts/ibm-plex-mono/IBMPlexMono-Regular.woff2"
]
},
{
"fontDisplay": "block",
"fontFamily": "IBM Plex Mono",
"fontStretch": "normal",
"fontStyle": "italic",
"fontWeight": "400",
"src": [
"file:./assets/fonts/ibm-plex-mono/IBMPlexMono-Italic.woff2"
]
},
{
"fontDisplay": "block",
"fontFamily": "IBM Plex Mono",
"fontStretch": "normal",
"fontStyle": "normal",
"fontWeight": "700",
"src": [
"file:./assets/fonts/ibm-plex-mono/IBMPlexMono-Bold.woff2"
]
}
],
"fontFamily": "'IBM Plex Mono', monospace",
"name": "IBM Plex Mono",
"slug": "ibm-plex-mono"
},
{
"fontFamily": "-apple-system,BlinkMacSystemFont,\"Segoe UI\",Roboto,Oxygen-Sans,Ubuntu,Cantarell,\"Helvetica Neue\",sans-serif",
"name": "System Font",
"slug": "system-font"
},
{
"fontFace": [
{
"fontFamily": "Source Serif Pro",
"fontStretch": "normal",
"fontStyle": "normal",
"fontWeight": "200 900",
"src": [
"file:./assets/fonts/source-serif-pro/SourceSerif4Variable-Roman.ttf.woff2"
]
},
{
"fontFamily": "Source Serif Pro",
"fontStretch": "normal",
"fontStyle": "italic",
"fontWeight": "200 900",
"src": [
"file:./assets/fonts/source-serif-pro/SourceSerif4Variable-Italic.ttf.woff2"
]
}
],
"fontFamily": "\"Source Serif Pro\", serif",
"name": "Source Serif Pro",
"slug": "source-serif-pro"
}
],
"fontSizes": [
{
"fluid": {
"max": "1rem",
"min": "0.875rem"
},
"size": "1rem",
"slug": "small"
},
{
"fluid": {
"max": "1.125rem",
"min": "1rem"
},
"size": "1.125rem",
"slug": "medium"
},
{
"fluid": false,
"size": "1.75rem",
"slug": "large"
},
{
"fluid": false,
"size": "2.25rem",
"slug": "x-large"
},
{
"fluid": {
"max": "20rem",
"min": "4rem"
},
"size": "10rem",
"slug": "xx-large"
}
]
}
},
"styles": {
"blocks": {
"core/comment-author-name": {
"elements": {
"link": {
"typography": {
"textDecoration": "none"
}
}
}
},
"core/comment-date": {
"elements": {
"link": {
"typography": {
"textDecoration": "none"
}
}
},
"typography": {
"fontSize": "var(--wp--preset--font-size--small)"
}
},
"core/comment-edit-link": {
"elements": {
"link": {
"typography": {
"textDecoration": "none"
}
}
},
"typography": {
"fontSize": "var(--wp--preset--font-size--small)"
}
},
"core/comment-reply-link": {
"typography": {
"fontSize": "var(--wp--preset--font-size--small)"
}
},
"core/comments-pagination": {
"elements": {
"link": {
"typography": {
"textDecoration": "none"
}
}
},
"spacing": {
"margin": {
"top": "var(--wp--preset--spacing--40)"
}
}
},
"core/comments-title": {
"spacing": {
"margin": {
"bottom": "var(--wp--preset--spacing--40)"
}
},
"typography": {
"fontSize": "var(--wp--preset--font-size--large)"
}
},
"core/navigation": {
"elements": {
"link": {
"typography": {
"textDecoration": "none"
}
}
},
"typography": {
"fontSize": "var(--wp--preset--font-size--small)"
}
},
"core/post-author": {
"typography": {
"fontSize": "var(--wp--preset--font-size--small)"
}
},
"core/post-content": {
"elements": {
"link": {
"color": {
"text": "var(--wp--preset--color--secondary)"
}
}
}
},
"core/post-date": {
"elements": {
"link": {
"typography": {
"textDecoration": "none"
}
}
},
"typography": {
"fontSize": "var(--wp--preset--font-size--small)",
"fontWeight": "400"
}
},
"core/post-excerpt": {
"typography": {
"fontSize": "var(--wp--preset--font-size--medium)"
}
},
"core/post-terms": {
"typography": {
"fontSize": "var(--wp--preset--font-size--small)"
}
},
"core/post-title": {
"elements": {
"link": {
"typography": {
"textDecoration": "none"
}
}
},
"spacing": {
"margin": {
"bottom": "var(--wp--preset--spacing--40)",
"top": "var(--wp--preset--spacing--40)"
}
},
"typography": {
"fontWeight": "400"
}
},
"core/pullquote": {
"border": {
"width": "1px 0"
}
},
"core/query-pagination": {
"elements": {
"link": {
"typography": {
"textDecoration": "none"
}
}
},
"typography": {
"fontSize": "var(--wp--preset--font-size--small)",
"fontWeight": "400"
}
},
"core/quote": {
"border": {
"width": "1px"
}
},
"core/site-title": {
"elements": {
"link": {
"typography": {
"textDecoration": "none"
}
}
},
"typography": {
"fontSize": "var(--wp--preset--font-size--medium)",
"fontWeight": "normal",
"lineHeight": "1.4"
}
}
},
"color": {
"background": "#004643",
"text": "#abd1c6"
},
"elements": {
"button": {
"color": {
"background": "#f9bc60",
"text": "#001e1d"
},
"typography": {
"fontStyle": "normal",
"fontWeight": "700"
}
},
"h1": {
"color": {
"text": "#fffffe"
},
"typography": {
"fontSize": "3.625rem",
"lineHeight": "1.5"
}
},
"h2": {
"color": {
"text": "#fffffe"
},
"typography": {
"fontSize": "clamp(2.625rem, calc(2.625rem + ((1vw - 0.48rem) * 8.4135)), 3.25rem)",
"lineHeight": "1.5"
}
},
"h3": {
"color": {
"text": "#fffffe"
},
"typography": {
"fontSize": "2.25rem"
}
},
"h4": {
"color": {
"text": "#fffffe"
},
"typography": {
"fontSize": "clamp(1.75rem, calc(1.75rem + ((1vw - 0.48rem) * 8.4135)), 1.875rem)"
}
},
"h5": {
"color": {
"text": "#fffffe"
},
"typography": {
"fontSize": "var(--wp--preset--font-size--medium)",
"fontWeight": "700",
"textTransform": "uppercase"
}
},
"h6": {
"color": {
"text": "#fffffe"
},
"typography": {
"fontSize": "var(--wp--preset--font-size--medium)",
"textTransform": "uppercase"
}
},
"heading": {
"color": {
"text": "#fffffe"
},
"typography": {
"fontStyle": "normal",
"fontWeight": "700",
"lineHeight": "1.1"
}
},
"link": {
"color": {
"text": "#f9bc60"
},
"typography": {
"fontStyle": "normal",
"fontWeight": "700",
"textDecoration": "underline"
}
}
},
"spacing": {
"blockGap": "1.5rem",
"padding": {
"bottom": "var(--wp--preset--spacing--40)",
"left": "var(--wp--preset--spacing--30)",
"right": "var(--wp--preset--spacing--30)",
"top": "var(--wp--preset--spacing--40)"
}
},
"typography": {
"fontFamily": "var:preset|font-family|system-font",
"fontSize": "var:preset|font-size|medium",
"lineHeight": "1.8"
}
},
"templateParts": [
{
"area": "header",
"name": "header",
"title": "Header"
},
{
"area": "footer",
"name": "footer",
"title": "Footer"
},
{
"area": "uncategorized",
"name": "comments",
"title": "Comments"
}
],
"version": 2
}
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment