- Create a directory in your themes folder: e.g.
tt4-section-styles - Copy these files into that directory
- Create a
/stylesdirectory within your new theme directory - Move everything except for this file, style.css, and theme.json, into the
/stylesdirectory - Make sure you have TwentyTwentyFour theme installed as this is a child theme for it
-
-
Save aaronrobertshaw/e799143df958c39c734fe49585e67bf6 to your computer and use it in GitHub Desktop.
Rough TT4 Child Theme for Testing Section Styles
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
| { | |
| "$schema": "https://schemas.wp.org/trunk/theme.json", | |
| "version": 3, | |
| "title": "Linen", | |
| "settings": { | |
| "color": { | |
| "palette": [ | |
| { | |
| "color": "#FFFFFF", | |
| "name": "Color 1", | |
| "slug": "theme-1" | |
| }, | |
| { | |
| "color": "#F4F4EE", | |
| "name": "Color 2", | |
| "slug": "theme-2" | |
| }, | |
| { | |
| "color": "#d7d7d2", | |
| "name": "Color 3", | |
| "slug": "theme-3" | |
| }, | |
| { | |
| "color": "#222222", | |
| "name": "Color 4", | |
| "slug": "theme-4" | |
| }, | |
| { | |
| "color": "#000000", | |
| "name": "Color 5", | |
| "slug": "theme-5" | |
| } | |
| ] | |
| } | |
| }, | |
| "styles": { | |
| "color": { | |
| "background": "var(--wp--preset--color--theme-1)", | |
| "text": "var(--wp--preset--color--theme-5)" | |
| }, | |
| "blocks": { | |
| "core/separator": { | |
| "color": { | |
| "text": "var(--wp--preset--color--theme-5)" | |
| } | |
| }, | |
| "core/button": { | |
| "variations": { | |
| "outline": { | |
| "color": { | |
| "text": "var(--wp--preset--color--theme-5)" | |
| } | |
| } | |
| } | |
| }, | |
| "variations": { | |
| "variation-a": { | |
| "blockTypes": [ | |
| "core/group", | |
| "core/columns" | |
| ], | |
| "color": { | |
| "background": "var(--wp--preset--color--theme-2)", | |
| "text": "var(--wp--preset--color--theme-5)" | |
| }, | |
| "blocks": { | |
| "core/group": { | |
| "color": { | |
| "background": "var(--wp--preset--color--theme-4)", | |
| "text": "var(--wp--preset--color--theme-2)" | |
| }, | |
| "elements": { | |
| "link": { | |
| "color": { | |
| "text": "var(--wp--preset--color--theme-3)" | |
| } | |
| }, | |
| "heading": { | |
| "color": { | |
| "text": "var(--wp--preset--color--theme-3)" | |
| } | |
| } | |
| } | |
| }, | |
| "core/separator": { | |
| "color": { | |
| "text": "var(--wp--preset--color--theme-5)" | |
| } | |
| } | |
| }, | |
| "elements": { | |
| "link": { | |
| "color": { | |
| "text": "var(--wp--preset--color--theme-4)" | |
| } | |
| }, | |
| "button": { | |
| "color": { | |
| "background": "var(--wp--preset--color--theme-5)", | |
| "text": "var(--wp--preset--color--theme-1)" | |
| }, | |
| ":hover": { | |
| "color": { | |
| "background": "var(--wp--preset--color--theme-4)", | |
| "text": "var(--wp--preset--color--theme-1)" | |
| } | |
| } | |
| }, | |
| "heading": { | |
| "color": { | |
| "text": "var(--wp--preset--color--theme-5)" | |
| } | |
| } | |
| } | |
| }, | |
| "variation-b": { | |
| "blockTypes": [ | |
| "core/group", | |
| "core/columns" | |
| ], | |
| "color": { | |
| "background": "var(--wp--preset--color--theme-5)", | |
| "text": "var(--wp--preset--color--theme-2)" | |
| }, | |
| "blocks": { | |
| "core/group": { | |
| "core/image": { | |
| "border": { | |
| "color": "var(--wp--preset--color--theme-1)", | |
| "width": "3px", | |
| "style": "solid" | |
| } | |
| }, | |
| "color": { | |
| "background": "var(--wp--preset--color--theme-2)", | |
| "text": "var(--wp--preset--color--theme-5)" | |
| }, | |
| "elements": { | |
| "link": { | |
| "color": { | |
| "text": "var(--wp--preset--color--theme-4)" | |
| } | |
| }, | |
| "button": { | |
| "color": { | |
| "background": "var(--wp--preset--color--theme-1)", | |
| "text": "var(--wp--preset--color--theme-5)" | |
| }, | |
| ":hover": { | |
| "color": { | |
| "background": "var(--wp--preset--color--theme-2)", | |
| "text": "var(--wp--preset--color--theme-5)" | |
| } | |
| } | |
| } | |
| } | |
| }, | |
| "core/separator": { | |
| "color": { | |
| "text": "var(--wp--preset--color--theme-2)" | |
| } | |
| } | |
| }, | |
| "elements": { | |
| "link": { | |
| "color": { | |
| "text": "var(--wp--preset--color--theme-2)" | |
| } | |
| }, | |
| "button": { | |
| "color": { | |
| "background": "var(--wp--preset--color--theme-1)", | |
| "text": "var(--wp--preset--color--theme-5)" | |
| }, | |
| ":hover": { | |
| "color": { | |
| "background": "var(--wp--preset--color--theme-2)", | |
| "text": "var(--wp--preset--color--theme-5)" | |
| } | |
| } | |
| }, | |
| "heading": { | |
| "color": { | |
| "text": "var(--wp--preset--color--theme-2)" | |
| } | |
| } | |
| } | |
| }, | |
| "variation-c": { | |
| "blockTypes": [ | |
| "core/group", | |
| "core/columns" | |
| ], | |
| "color": { | |
| "background": "var(--wp--preset--color--theme-4)", | |
| "text": "var(--wp--preset--color--theme-2)" | |
| }, | |
| "blocks": { | |
| "core/group": { | |
| "color": { | |
| "background": "var(--wp--preset--color--theme-2)", | |
| "text": "var(--wp--preset--color--theme-5)" | |
| }, | |
| "elements": { | |
| "link": { | |
| "color": { | |
| "text": "var(--wp--preset--color--theme-4)" | |
| } | |
| }, | |
| "heading": { | |
| "color": { | |
| "text": "var(--wp--preset--color--theme-5)" | |
| } | |
| }, | |
| "button": { | |
| "color": { | |
| "background": "var(--wp--preset--color--theme-3)", | |
| "text": "var(--wp--preset--color--theme-4)" | |
| }, | |
| ":hover": { | |
| "color": { | |
| "background": "var(--wp--preset--color--theme-1)", | |
| "text": "var(--wp--preset--color--theme-4)" | |
| } | |
| } | |
| } | |
| } | |
| }, | |
| "core/separator": { | |
| "color": { | |
| "text": "var(--wp--preset--color--theme-2)" | |
| } | |
| } | |
| }, | |
| "elements": { | |
| "link": { | |
| "color": { | |
| "text": "var(--wp--preset--color--theme-3)" | |
| } | |
| }, | |
| "button": { | |
| "color": { | |
| "background": "var(--wp--preset--color--theme-3)", | |
| "text": "var(--wp--preset--color--theme-5)" | |
| }, | |
| ":hover": { | |
| "color": { | |
| "background": "var(--wp--preset--color--theme-2)", | |
| "text": "var(--wp--preset--color--theme-5)" | |
| } | |
| } | |
| }, | |
| "heading": { | |
| "color": { | |
| "text": "var(--wp--preset--color--theme-2)" | |
| } | |
| } | |
| } | |
| } | |
| } | |
| }, | |
| "elements": { | |
| "heading": { | |
| "color": { | |
| "text": "var(--wp--preset--color--theme-5)" | |
| } | |
| }, | |
| "button": { | |
| "color": { | |
| "background": "var(--wp--preset--color--theme-5)", | |
| "text": "var(--wp--preset--color--theme-1)" | |
| }, | |
| ":hover": { | |
| "color": { | |
| "background": "var(--wp--preset--color--theme-4)", | |
| "text": "var(--wp--preset--color--theme-1)" | |
| } | |
| } | |
| } | |
| } | |
| } | |
| } |
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
| { | |
| "$schema": "https://schemas.wp.org/trunk/theme.json", | |
| "version": 3, | |
| "title": "Mauve", | |
| "settings": { | |
| "color": { | |
| "palette": [ | |
| { | |
| "color": "#fff", | |
| "name": "Color 1", | |
| "slug": "theme-1" | |
| }, | |
| { | |
| "color": "#eed8d3", | |
| "name": "Color 2", | |
| "slug": "theme-2" | |
| }, | |
| { | |
| "color": "#aa7c72", | |
| "name": "Color 3", | |
| "slug": "theme-3" | |
| }, | |
| { | |
| "color": "#825f58", | |
| "name": "Color 4", | |
| "slug": "theme-4" | |
| }, | |
| { | |
| "color": "#201819", | |
| "name": "Color 5", | |
| "slug": "theme-5" | |
| } | |
| ] | |
| } | |
| }, | |
| "styles": { | |
| "color": { | |
| "background": "var(--wp--preset--color--theme-1)", | |
| "text": "var(--wp--preset--color--theme-5)" | |
| }, | |
| "blocks": { | |
| "core/button": { | |
| "variations": { | |
| "outline": { | |
| "border": { | |
| "color": "var(--wp--preset--color--theme-5)" | |
| }, | |
| "color": { | |
| "text": "var(--wp--preset--color--theme-5)" | |
| } | |
| } | |
| } | |
| }, | |
| "core/separator": { | |
| "color": { | |
| "text": "var(--wp--preset--color--theme-5)" | |
| } | |
| }, | |
| "variations": { | |
| "variation-a": { | |
| "blockTypes": [ | |
| "core/group", | |
| "core/columns", | |
| "core/cover" | |
| ], | |
| "color": { | |
| "background": "var(--wp--preset--color--theme-2)", | |
| "text": "var(--wp--preset--color--theme-5)" | |
| }, | |
| "blocks": { | |
| "core/group": { | |
| "color": { | |
| "background": "var(--wp--preset--color--theme-4)", | |
| "text": "var(--wp--preset--color--theme-2)" | |
| }, | |
| "elements": { | |
| "link": { | |
| "color": { | |
| "text": "var(--wp--preset--color--theme-5)" | |
| } | |
| } | |
| } | |
| }, | |
| "core/separator": { | |
| "color": { | |
| "text": "var(--wp--preset--color--theme-5)" | |
| } | |
| } | |
| }, | |
| "elements": { | |
| "button": { | |
| "color": { | |
| "background": "var(--wp--preset--color--theme-3)", | |
| "text": "var(--wp--preset--color--theme-1)" | |
| }, | |
| ":hover": { | |
| "color": { | |
| "background": "var(--wp--preset--color--theme-5)", | |
| "text": "var(--wp--preset--color--theme-1)" | |
| } | |
| } | |
| }, | |
| "heading": { | |
| "color": { | |
| "text": "var(--wp--preset--color--theme-5)" | |
| } | |
| } | |
| } | |
| }, | |
| "variation-b": { | |
| "blockTypes": [ | |
| "core/group", | |
| "core/columns" | |
| ], | |
| "color": { | |
| "background": "var(--wp--preset--color--theme-5)", | |
| "text": "var(--wp--preset--color--theme-2)" | |
| }, | |
| "blocks": { | |
| "core/image": { | |
| "border": { | |
| "color": "var(--wp--preset--color--theme-1)", | |
| "width": "3px", | |
| "style": "solid" | |
| } | |
| }, | |
| "core/group": { | |
| "color": { | |
| "background": "var(--wp--preset--color--theme-5)", | |
| "text": "var(--wp--preset--color--theme-2)" | |
| }, | |
| "elements": { | |
| "link": { | |
| "color": { | |
| "text": "var(--wp--preset--color--theme-3)" | |
| } | |
| } | |
| } | |
| }, | |
| "core/separator": { | |
| "color": { | |
| "text": "var(--wp--preset--color--theme-4)" | |
| } | |
| }, | |
| "core/heading": { | |
| "elements": { | |
| "link": { | |
| "color": { | |
| "text": "var(--wp--preset--color--theme-1)" | |
| } | |
| } | |
| } | |
| } | |
| }, | |
| "elements": { | |
| "link": { | |
| "color": { | |
| "text": "var(--wp--preset--color--theme-3)" | |
| } | |
| }, | |
| "button": { | |
| "color": { | |
| "background": "var(--wp--preset--color--theme-3)", | |
| "text": "var(--wp--preset--color--theme-1)" | |
| }, | |
| ":hover": { | |
| "color": { | |
| "background": "var(--wp--preset--color--theme-2)", | |
| "text": "var(--wp--preset--color--theme-5)" | |
| } | |
| } | |
| }, | |
| "heading": { | |
| "color": { | |
| "text": "var(--wp--preset--color--theme-1)" | |
| } | |
| } | |
| } | |
| }, | |
| "variation-c": { | |
| "blockTypes": [ | |
| "core/group", | |
| "core/columns", | |
| "core/cover" | |
| ], | |
| "color": { | |
| "background": "var(--wp--preset--color--theme-3)", | |
| "text": "var(--wp--preset--color--theme-5)" | |
| }, | |
| "blocks": { | |
| "core/group": { | |
| "color": { | |
| "background": "var(--wp--preset--color--theme-2)", | |
| "text": "var(--wp--preset--color--theme-5)" | |
| }, | |
| "elements": { | |
| "link": { | |
| "color": { | |
| "text": "var(--wp--preset--color--theme-4)" | |
| } | |
| } | |
| } | |
| }, | |
| "core/separator": { | |
| "color": { | |
| "text": "var(--wp--preset--color--theme-2)" | |
| } | |
| } | |
| }, | |
| "elements": { | |
| "link": { | |
| "color": { | |
| "text": "var(--wp--preset--color--theme-5)" | |
| } | |
| }, | |
| "button": { | |
| "color": { | |
| "background": "var(--wp--preset--color--theme-5)", | |
| "text": "var(--wp--preset--color--theme-2)" | |
| }, | |
| ":hover": { | |
| "color": { | |
| "background": "var(--wp--preset--color--theme-4)", | |
| "text": "var(--wp--preset--color--theme-1)" | |
| } | |
| } | |
| }, | |
| "heading": { | |
| "color": { | |
| "text": "var(--wp--preset--color--theme-5)" | |
| } | |
| } | |
| } | |
| } | |
| } | |
| }, | |
| "elements": { | |
| "heading": { | |
| "color": { | |
| "text": "var(--wp--preset--color--theme-5)" | |
| } | |
| }, | |
| "button": { | |
| "color": { | |
| "background": "var(--wp--preset--color--theme-3)", | |
| "text": "var(--wp--preset--color--theme-1)" | |
| }, | |
| ":hover": { | |
| "color": { | |
| "background": "var(--wp--preset--color--theme-5)", | |
| "text": "var(--wp--preset--color--theme-1)" | |
| } | |
| } | |
| } | |
| } | |
| } | |
| } |
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
| { | |
| "$schema": "https://schemas.wp.org/trunk/theme.json", | |
| "version": 3, | |
| "title": "Moss", | |
| "settings": { | |
| "color": { | |
| "palette": [ | |
| { | |
| "color": "#F6F4F0", | |
| "name": "Color 1", | |
| "slug": "theme-1" | |
| }, | |
| { | |
| "color": "#F2F0E9CC", | |
| "name": "Color 2", | |
| "slug": "theme-2" | |
| }, | |
| { | |
| "color": "#F4F4EE", | |
| "name": "Color 3", | |
| "slug": "theme-3" | |
| }, | |
| { | |
| "color": "#263927", | |
| "name": "Color 4", | |
| "slug": "theme-4" | |
| }, | |
| { | |
| "color": "#0C1D0D", | |
| "name": "Color 5", | |
| "slug": "theme-5" | |
| } | |
| ] | |
| } | |
| }, | |
| "styles": { | |
| "color": { | |
| "background": "var(--wp--preset--color--theme-5)", | |
| "text": "var(--wp--preset--color--theme-3)" | |
| }, | |
| "blocks": { | |
| "core/separator": { | |
| "color": { | |
| "text": "var(--wp--preset--color--theme-2)" | |
| } | |
| }, | |
| "core/button": { | |
| "variations": { | |
| "outline": { | |
| "color": { | |
| "text": "var(--wp--preset--color--theme-3)" | |
| } | |
| } | |
| } | |
| }, | |
| "variations": { | |
| "variation-a": { | |
| "blockTypes": [ | |
| "core/group", | |
| "core/columns" | |
| ], | |
| "color": { | |
| "background": "var(--wp--preset--color--theme-4)", | |
| "text": "var(--wp--preset--color--theme-3)" | |
| }, | |
| "blocks": { | |
| "core/group": { | |
| "color": { | |
| "background": "var(--wp--preset--color--theme-2)", | |
| "text": "var(--wp--preset--color--theme-4)" | |
| }, | |
| "elements": { | |
| "link": { | |
| "color": { | |
| "text": "var(--wp--preset--color--theme-3)" | |
| } | |
| } | |
| }, | |
| "heading": { | |
| "color": { | |
| "text": "var(--wp--preset--color--theme-3)" | |
| } | |
| } | |
| }, | |
| "core/separator": { | |
| "color": { | |
| "text": "var(--wp--preset--color--theme-3)" | |
| } | |
| } | |
| }, | |
| "elements": { | |
| "button": { | |
| "color": { | |
| "background": "var(--wp--preset--color--theme-3)", | |
| "text": "var(--wp--preset--color--theme-5)" | |
| }, | |
| ":hover": { | |
| "color": { | |
| "background": "var(--wp--preset--color--theme-2)", | |
| "text": "var(--wp--preset--color--theme-5)" | |
| } | |
| } | |
| }, | |
| "heading": { | |
| "color": { | |
| "text": "var(--wp--preset--color--theme-1)" | |
| } | |
| } | |
| } | |
| }, | |
| "variation-b": { | |
| "blockTypes": [ | |
| "core/group", | |
| "core/columns" | |
| ], | |
| "color": { | |
| "background": "var(--wp--preset--color--theme-4)", | |
| "text": "var(--wp--preset--color--theme-3)" | |
| }, | |
| "blocks": { | |
| "core/group": { | |
| "color": { | |
| "background": "var(--wp--preset--color--theme-2)", | |
| "text": "var(--wp--preset--color--theme-4)" | |
| }, | |
| "elements": { | |
| "link": { | |
| "color": { | |
| "text": "var(--wp--preset--color--theme-3)" | |
| } | |
| } | |
| }, | |
| "heading": { | |
| "color": { | |
| "text": "var(--wp--preset--color--theme-3)" | |
| } | |
| } | |
| }, | |
| "core/separator": { | |
| "color": { | |
| "text": "var(--wp--preset--color--theme-3)" | |
| } | |
| } | |
| }, | |
| "elements": { | |
| "button": { | |
| "color": { | |
| "background": "var(--wp--preset--color--theme-3)", | |
| "text": "var(--wp--preset--color--theme-5)" | |
| }, | |
| ":hover": { | |
| "color": { | |
| "background": "var(--wp--preset--color--theme-2)", | |
| "text": "var(--wp--preset--color--theme-5)" | |
| } | |
| } | |
| }, | |
| "heading": { | |
| "color": { | |
| "text": "var(--wp--preset--color--theme-1)" | |
| } | |
| } | |
| } | |
| }, | |
| "variation-c": { | |
| "blockTypes": [ | |
| "core/group", | |
| "core/columns" | |
| ], | |
| "color": { | |
| "background": "var(--wp--preset--color--theme-3)", | |
| "text": "var(--wp--preset--color--theme-5)" | |
| }, | |
| "blocks": { | |
| "core/group": { | |
| "color": { | |
| "background": "var(--wp--preset--color--theme-5)", | |
| "text": "var(--wp--preset--color--theme-2)" | |
| }, | |
| "elements": { | |
| "link": { | |
| "color": { | |
| "text": "var(--wp--preset--color--theme-3)" | |
| } | |
| }, | |
| "heading": { | |
| "color": { | |
| "text": "var(--wp--preset--color--theme-3)" | |
| } | |
| } | |
| } | |
| }, | |
| "core/separator": { | |
| "color": { | |
| "text": "var(--wp--preset--color--theme-5)" | |
| } | |
| } | |
| }, | |
| "elements": { | |
| "link": { | |
| "color": { | |
| "text": "var(--wp--preset--color--theme-4)" | |
| } | |
| }, | |
| "button": { | |
| "color": { | |
| "background": "var(--wp--preset--color--theme-3)", | |
| "text": "var(--wp--preset--color--theme-5)" | |
| }, | |
| ":hover": { | |
| "color": { | |
| "background": "var(--wp--preset--color--theme-2)", | |
| "text": "var(--wp--preset--color--theme-5)" | |
| } | |
| } | |
| }, | |
| "heading": { | |
| "color": { | |
| "text": "var(--wp--preset--color--theme-5)" | |
| } | |
| } | |
| } | |
| } | |
| } | |
| }, | |
| "elements": { | |
| "heading": { | |
| "color": { | |
| "text": "var(--wp--preset--color--theme-1)" | |
| } | |
| }, | |
| "button": { | |
| "color": { | |
| "background": "var(--wp--preset--color--theme-3)", | |
| "text": "var(--wp--preset--color--theme-5)" | |
| }, | |
| ":hover": { | |
| "color": { | |
| "background": "var(--wp--preset--color--theme-1)", | |
| "text": "var(--wp--preset--color--theme-5)" | |
| } | |
| } | |
| } | |
| } | |
| } | |
| } |
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
| /** | |
| * Theme Name: TT4 Section Styles | |
| * Template: twentytwentyfour | |
| */ |
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
| { | |
| "$schema": "https://schemas.wp.org/trunk/theme.json", | |
| "version": 3 | |
| } |
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
| { | |
| "$schema": "https://schemas.wp.org/trunk/theme.json", | |
| "version": 3, | |
| "title": "Variation A", | |
| "blockTypes": [ | |
| "core/group", | |
| "core/columns" | |
| ], | |
| "styles": { | |
| "color": { | |
| "background": "var(--wp--preset--color--base-2)", | |
| "text": "var(--wp--preset--color--contrast)" | |
| }, | |
| "blocks": { | |
| "core/group": { | |
| "color": { | |
| "background": "var(--wp--preset--color--accent)", | |
| "text": "var(--wp--preset--color--contrast-2)" | |
| }, | |
| "elements": { | |
| "link": { | |
| "color": { | |
| "text": "var(--wp--preset--color--accent-3)" | |
| } | |
| } | |
| }, | |
| "heading": { | |
| "color": { | |
| "text": "var(--wp--preset--color--contrast-2)" | |
| } | |
| } | |
| }, | |
| "core/separator": { | |
| "color": { | |
| "text": "var(--wp--preset--color--contrast-2)" | |
| } | |
| } | |
| }, | |
| "elements": { | |
| "link": { | |
| "color": { | |
| "text": "var(--wp--preset--color--accent-3)" | |
| } | |
| }, | |
| "button": { | |
| "color": { | |
| "background": "var(--wp--preset--color--contrast-2)", | |
| "text": "var(--wp--preset--color--base-2)" | |
| }, | |
| ":hover": { | |
| "color": { | |
| "background": "var(--wp--preset--color--contrast-3)", | |
| "text": "var(--wp--preset--color--base-2)" | |
| } | |
| } | |
| } | |
| } | |
| } | |
| } |
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
| { | |
| "$schema": "https://schemas.wp.org/trunk/theme.json", | |
| "version": 3, | |
| "title": "Variation B", | |
| "blockTypes": [ | |
| "core/group", | |
| "core/columns" | |
| ], | |
| "styles": { | |
| "color": { | |
| "background": "var(--wp--preset--color--contrast)", | |
| "text": "var(--wp--preset--color--base)" | |
| }, | |
| "blocks": { | |
| "core/group": { | |
| "core/image": { | |
| "border": { | |
| "color": "var(--wp--preset--color--base)", | |
| "width": "3px", | |
| "style": "solid" | |
| } | |
| }, | |
| "color": { | |
| "background": "var(--wp--preset--color--accent)", | |
| "text": "var(--wp--preset--color--contrast)" | |
| }, | |
| "elements": { | |
| "link": { | |
| "color": { | |
| "text": "var(--wp--preset--color--accent-3)" | |
| } | |
| }, | |
| "heading": { | |
| "color": { | |
| "text": "var(--wp--preset--color--contrast)" | |
| } | |
| }, | |
| "button": { | |
| "color": { | |
| "background": "var(--wp--preset--color--contrast)", | |
| "text": "var(--wp--preset--color--base)" | |
| }, | |
| ":hover": { | |
| "color": { | |
| "background": "var(--wp--preset--color--contrast-2)", | |
| "text": "var(--wp--preset--color--base)" | |
| } | |
| } | |
| } | |
| } | |
| }, | |
| "core/separator": { | |
| "color": { | |
| "text": "var(--wp--preset--color--accent-3)" | |
| } | |
| } | |
| }, | |
| "elements": { | |
| "link": { | |
| "color": { | |
| "text": "var(--wp--preset--color--accent-4)" | |
| } | |
| }, | |
| "button": { | |
| "color": { | |
| "background": "var(--wp--preset--color--accent-4)", | |
| "text": "var(--wp--preset--color--base-2)" | |
| }, | |
| ":hover": { | |
| "color": { | |
| "background": "var(--wp--preset--color--contrast)", | |
| "text": "var(--wp--preset--color--accent-4)" | |
| } | |
| } | |
| }, | |
| "heading": { | |
| "color": { | |
| "text": "var(--wp--preset--color--accent-4)" | |
| } | |
| } | |
| } | |
| } | |
| } |
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
| { | |
| "$schema": "https://schemas.wp.org/trunk/theme.json", | |
| "version": 3, | |
| "title": "Variation C", | |
| "blockTypes": [ | |
| "core/group", | |
| "core/columns" | |
| ], | |
| "styles": { | |
| "color": { | |
| "background": "var(--wp--preset--color--accent-4)", | |
| "text": "var(--wp--preset--color--contrast)" | |
| }, | |
| "blocks": { | |
| "core/group": { | |
| "color": { | |
| "background": "var(--wp--preset--color--base)", | |
| "text": "var(--wp--preset--color--theme-5)" | |
| }, | |
| "elements": { | |
| "link": { | |
| "color": { | |
| "text": "var(--wp--preset--color--accent-2)" | |
| } | |
| }, | |
| "heading": { | |
| "color": { | |
| "text": "var(--wp--preset--color--contrast-2)" | |
| } | |
| }, | |
| "button": { | |
| "color": { | |
| "background": "var(--wp--preset--color--accent-2)", | |
| "text": "var(--wp--preset--color--base)" | |
| }, | |
| ":hover": { | |
| "color": { | |
| "background": "var(--wp--preset--color--contrast-2)", | |
| "text": "var(--wp--preset--color--base)" | |
| } | |
| } | |
| } | |
| } | |
| }, | |
| "core/separator": { | |
| "color": { | |
| "text": "var(--wp--preset--color--accent-2)" | |
| } | |
| } | |
| }, | |
| "elements": { | |
| "link": { | |
| "color": { | |
| "text": "var(--wp--preset--color--theme-3)" | |
| } | |
| }, | |
| "button": { | |
| "color": { | |
| "background": "var(--wp--preset--color--contrast)", | |
| "text": "var(--wp--preset--color--base)" | |
| }, | |
| ":hover": { | |
| "color": { | |
| "background": "var(--wp--preset--color--contrast-2)", | |
| "text": "var(--wp--preset--color--base)" | |
| } | |
| } | |
| }, | |
| "heading": { | |
| "color": { | |
| "text": "var(--wp--preset--color--contrast)" | |
| } | |
| } | |
| } | |
| } | |
| } |
Sign up for free
to join this conversation on GitHub.
Already have an account?
Sign in to comment