Vetro: minor design and final adjustments (#6822)

* Updating padding on the singular templates.

* Swap variations and add missing attributes (spacing and useGlobalPadding).

* update screenshot

* Update default duotone.

* Add duotone presets.

* Fix block markup.

* Alignment fixes to make everything wide.

vetro/parts/footer.html

@@ -1,7 +1,6 @@
-<!-- wp:group {"layout":{"type":"constrained"}} -->
-<div class="wp-block-group">
-<!-- wp:group {"align":"full","style":{"spacing":{"padding":{"top":"30px","bottom":"60px"}},"border":{"top":{"color":"var:preset|color|foreground","width":"1px"}}},"layout":{"type":"flex","justifyContent":"space-between"}} -->
-<div class="wp-block-group alignfull" style="border-top-color:var(--wp--preset--color--foreground);border-top-width:1px;padding-top:30px;padding-bottom:60px"><!-- wp:group {"style":{"spacing":{"blockGap":"5px"}},"layout":{"type":"flex","flexWrap":"nowrap"}} -->
+<!-- wp:group {"style":{"border":{"top":{"color":"var:preset|color|foreground","width":"1px"}}},"layout":{"type":"constrained","contentSize":""}} -->
+<div class="wp-block-group" style="border-top-color:var(--wp--preset--color--foreground);border-top-width:1px"><!-- wp:group {"align":"full","style":{"spacing":{"padding":{"top":"30px","bottom":"60px"}}},"layout":{"type":"flex","justifyContent":"space-between"}} -->
+<div class="wp-block-group alignfull" style="padding-top:30px;padding-bottom:60px"><!-- wp:group {"style":{"spacing":{"blockGap":"5px"}},"layout":{"type":"flex","flexWrap":"nowrap"}} -->
 <div class="wp-block-group"><!-- wp:paragraph {"style":{"typography":{"lineHeight":"1","fontStyle":"normal","fontWeight":"500"}},"fontSize":"small"} -->
 <p class="has-small-font-size" style="font-style:normal;font-weight:500;line-height:1">©</p>
 <!-- /wp:paragraph -->

vetro/parts/header.html

@@ -1,6 +1,6 @@
-<!-- wp:group {"style":{"spacing":{"padding":{"top":"var:preset|spacing|60","bottom":"var:preset|spacing|60"}},"border":{"bottom":{"color":"var:preset|color|foreground","width":"1px"}}},"layout":{"type":"constrained"}} -->
-<div class="wp-block-group" style="border-bottom-color:var(--wp--preset--color--foreground);border-bottom-width:1px;padding-top:var(--wp--preset--spacing--60);padding-bottom:var(--wp--preset--spacing--60)"><!-- wp:group {"align":"full","layout":{"type":"flex","flexWrap":"nowrap","justifyContent":"space-between"}} -->
-<div class="wp-block-group alignfull"><!-- wp:group {"style":{"spacing":{"blockGap":"20px"}},"layout":{"type":"flex","flexWrap":"wrap","justifyContent":"left"}} -->
+<!-- wp:group {"style":{"spacing":{"padding":{"top":"var:preset|spacing|60","bottom":"var:preset|spacing|60"}},"border":{"bottom":{"color":"var:preset|color|foreground","width":"1px"}}},"layout":{"type":"constrained","contentSize":""}} -->
+<div class="wp-block-group" style="border-bottom-color:var(--wp--preset--color--foreground);border-bottom-width:1px;padding-top:var(--wp--preset--spacing--60);padding-bottom:var(--wp--preset--spacing--60)"><!-- wp:group {"align":"wide","layout":{"type":"flex","flexWrap":"nowrap","justifyContent":"space-between"}} -->
+<div class="wp-block-group alignwide"><!-- wp:group {"style":{"spacing":{"blockGap":"20px"}},"layout":{"type":"flex","flexWrap":"wrap","justifyContent":"left"}} -->
 <div class="wp-block-group"><!-- wp:site-title {"style":{"typography":{"fontStyle":"normal","fontWeight":"600","lineHeight":"1","letterSpacing":"-1px","textTransform":"uppercase"}},"fontSize":"large"} /-->
 <!-- wp:pattern {"slug":"vetro/small-about"} /-->
 </div>

vetro/patterns/about.php

@@ -6,18 +6,19 @@
  */
 ?>
 
-<!-- wp:heading {"textAlign":"left","level":1,"align":"full","style":{"typography":{"lineHeight":"1.1","fontStyle":"normal","fontWeight":"600","letterSpacing":"-3px","fontSize":"4rem"},"spacing":{"padding":{"top":"0px","bottom":"0px"},"margin":{"top":"0px","right":"0px","bottom":"0px","left":"0px"}}}} -->
-<h1 class="alignfull has-text-align-left" style="margin-top:0px;margin-right:0px;margin-bottom:0px;margin-left:0px;padding-top:0px;padding-bottom:0px;font-size:4rem;font-style:normal;font-weight:600;letter-spacing:-3px;line-height:1.1"><?php echo esc_html__( 'United Architects Collab is a studio focused on sustainable design, interiors and landscapes.', 'vetro' ); ?></h1>
+<!-- wp:group {"align":"full","layout":{"type":"constrained"}} -->
+<div class="wp-block-group alignfull"><!-- wp:heading {"textAlign":"left","level":1,"style":{"typography":{"lineHeight":"1.1","fontStyle":"normal","fontWeight":"600","letterSpacing":"-3px","fontSize":"4rem"},"spacing":{"padding":{"top":"0px","bottom":"0px"},"margin":{"top":"0px","right":"0px","bottom":"0px","left":"0px"}}}} -->
+<h1 class="wp-block-heading has-text-align-left" style="margin-top:0px;margin-right:0px;margin-bottom:0px;margin-left:0px;padding-top:0px;padding-bottom:0px;font-size:4rem;font-style:normal;font-weight:600;letter-spacing:-3px;line-height:1.1"><?php echo esc_html__( 'United Architects Collab is a studio focused on sustainable design, interiors and landscapes.', 'vetro' ); ?></h1>
 <!-- /wp:heading -->
 
-<!-- wp:spacer {"height":"45px"} -->
-<div style="height:45px" aria-hidden="true" class="wp-block-spacer"></div>
+<!-- wp:spacer {"height":"32px"} -->
+<div style="height:32px" aria-hidden="true" class="wp-block-spacer"></div>
 <!-- /wp:spacer -->
 
-<!-- wp:columns {"align":"full","style":{"spacing":{"padding":{"top":"0px","bottom":"0px"},"margin":{"top":"0px","bottom":"0px"},"blockGap":"0px"}}} -->
-<div class="wp-block-columns alignfull" style="margin-top:0px;margin-bottom:0px;padding-top:0px;padding-bottom:0px"><!-- wp:column {"style":{"spacing":{"padding":{"top":"0px","bottom":"0px"},"blockGap":"0px"}}} -->
-<div class="wp-block-column" style="padding-top:0px;padding-bottom:0px"><!-- wp:group {"style":{"spacing":{"padding":{"top":"0px","bottom":"0px"},"margin":{"top":"0px","bottom":"0px"},"blockGap":"0px"}},"layout":{"type":"flex","orientation":"vertical"}} -->
-<div class="wp-block-group" style="margin-top:0px;margin-bottom:0px;padding-top:0px;padding-bottom:0px"><!-- wp:paragraph {"style":{"typography":{"fontStyle":"normal","fontWeight":"500","lineHeight":"1.4"}},"fontSize":"small"} -->
+<!-- wp:columns -->
+<div class="wp-block-columns"><!-- wp:column {"width":"100%"} -->
+<div class="wp-block-column" style="flex-basis:100%"><!-- wp:group {"align":"full","layout":{"type":"constrained"}} -->
+<div class="wp-block-group alignfull"><!-- wp:paragraph {"style":{"typography":{"fontStyle":"normal","fontWeight":"500","lineHeight":"1.4"}},"fontSize":"small"} -->
 <p class="has-small-font-size" style="font-style:normal;font-weight:500;line-height:1.4"><?php echo esc_html__( 'Working as a full-service firm, UA — C delivers contemporary projects, from our client-oriented creative process to the latest building methodologies and construction techniques applied to building sites. And we are proud to achieve that through close collaboration within team members, consultants, contractors and trades.', 'vetro' ); ?></p>
 <!-- /wp:paragraph -->
 
@@ -37,10 +38,11 @@
 <!-- /wp:group --></div>
 <!-- /wp:column -->
 
-<!-- wp:column -->
-<div class="wp-block-column"></div>
+<!-- wp:column {"width":"100%"} -->
+<div class="wp-block-column" style="flex-basis:100%"></div>
 <!-- /wp:column --></div>
-<!-- /wp:columns -->
+<!-- /wp:columns --></div>
+<!-- /wp:group -->
 
 <!-- wp:spacer {"height":"90px"} -->
 <div style="height:90px" aria-hidden="true" class="wp-block-spacer"></div>

vetro/patterns/hidden-404.php

@@ -6,6 +6,7 @@
  */
 ?>
 
+
 <!-- wp:group {"tagName":"main","style":{"spacing":{"padding":{"top":"160px","bottom":"0px"},"blockGap":"0px","margin":{"top":"0px","bottom":"0px"}}},"layout":{"type":"constrained"}} -->
 <main class="wp-block-group" style="margin-top:0px;margin-bottom:0px;padding-top:160px;padding-bottom:0px"><!-- wp:group {"align":"wide","style":{"spacing":{"blockGap":"0px","padding":{"top":"0px","bottom":"0px"},"margin":{"top":"0px","bottom":"0px"}}}} -->
 <div class="wp-block-group alignwide" style="margin-top:0px;margin-bottom:0px;padding-top:0px;padding-bottom:0px"><!-- wp:heading {"textAlign":"left","align":"wide","style":{"typography":{"fontWeight":"600","lineHeight":"1","fontStyle":"normal","fontSize":"8rem"}},"className":"has-text-align-center"} -->
@@ -28,5 +29,4 @@
 <div style="height:90px" aria-hidden="true" class="wp-block-spacer"></div>
 <!-- /wp:spacer --></div>
 <!-- /wp:group --></main>
-<!-- /wp:group -->
-<!-- /wp:spacer -->
+<!-- /wp:group -->

vetro/styles/coolorchids.json

@@ -38,7 +38,7 @@
 		},
 		"layout": {
 			"contentSize": "1000px",
-			"wideSize": "1000px"
+			"wideSize": "1440px"
 		},
 		"spacing": {
 			"units": [
@@ -125,7 +125,8 @@
 					"slug": "x-large"
 				}
 			]
-		}
+		},
+		"useRootPaddingAwareAlignments": true
 	},
 	"styles": {
 		"blocks": {
@@ -284,7 +285,13 @@
 			}
 		},
 		"spacing": {
-			"blockGap": "1.5rem"
+			"blockGap": "1.5rem",
+			"padding": {
+				"top": "0px",
+				"right": "var(--wp--custom--spacing--outer)",
+				"bottom": "0px",
+				"left": "var(--wp--custom--spacing--outer)"
+			}
 		},
 		"typography": {
 			"fontFamily": "var:preset|font-family|inter",

vetro/styles/eggplantlemon.json

@@ -38,7 +38,7 @@
 		},
 		"layout": {
 			"contentSize": "1000px",
-			"wideSize": "1000px"
+			"wideSize": "1440px"
 		},
 		"spacing": {
 			"units": [
@@ -125,7 +125,8 @@
 					"slug": "x-large"
 				}
 			]
-		}
+		},
+		"useRootPaddingAwareAlignments": true
 	},
 	"styles": {
 		"blocks": {
@@ -284,7 +285,13 @@
 			}
 		},
 		"spacing": {
-			"blockGap": "1.5rem"
+			"blockGap": "1.5rem",
+			"padding": {
+				"top": "0px",
+				"right": "var(--wp--custom--spacing--outer)",
+				"bottom": "0px",
+				"left": "var(--wp--custom--spacing--outer)"
+			}
 		},
 		"typography": {
 			"fontFamily": "var:preset|font-family|inter",

vetro/styles/midnightgreen.json → vetro/styles/neutral.json

@@ -6,12 +6,12 @@
 			"customGradient": true,
 			"palette": [
 				{
-					"color": "#063559",
+					"color": "#111111",
 					"name": "Foreground",
 					"slug": "foreground"
 				},
 				{
-					"color": "#62ff88",
+					"color": "#dadada",
 					"name": "Background",
 					"slug": "background"
 				}
@@ -38,7 +38,7 @@
 		},
 		"layout": {
 			"contentSize": "1000px",
-			"wideSize": "1000px"
+			"wideSize": "1440px"
 		},
 		"spacing": {
 			"units": [
@@ -125,13 +125,16 @@
 					"slug": "x-large"
 				}
 			]
-		}
+		},
+		"useRootPaddingAwareAlignments": true
 	},
 	"styles": {
 		"blocks": {
 			"core/button": {
 				"border": {
-					"radius": "0"
+					"color": "var(--wp--preset--color--background)",
+					"radius": "0",
+					"width": "2px"
 				},
 				"color": {
 					"background": "var(--wp--preset--color--foreground)",
@@ -192,7 +195,7 @@
 			"button": {
 				"color": {
 					"background": "var(--wp--preset--color--background)",
-					"text": "var(--wp--preset--color--foreground)"
+					"text": "var(--wp--preset--color--background)"
 				},
 				"typography": {
 					"fontFamily": "Inter",
@@ -266,7 +269,7 @@
 			},
 			"heading": {
 				"color": {
-					"text": "#063559"
+					"text": "#111111"
 				},
 				"typography": {
 					"fontFamily": "Inter",
@@ -276,7 +279,7 @@
 			},
 			"link": {
 				"color": {
-					"text": "varvar(--wp--preset--color--background)"
+					"text": "var:preset|color|foreground"
 				},
 				"typography": {
 					"fontFamily": "Inter"
@@ -284,7 +287,13 @@
 			}
 		},
 		"spacing": {
-			"blockGap": "1.5rem"
+			"blockGap": "1.5rem",
+			"padding": {
+				"top": "0px",
+				"right": "var(--wp--custom--spacing--outer)",
+				"bottom": "0px",
+				"left": "var(--wp--custom--spacing--outer)"
+			}
 		},
 		"typography": {
 			"fontFamily": "var:preset|font-family|inter",

vetro/templates/archive.html

@@ -4,7 +4,7 @@
 <main class="wp-block-group" style="margin-top:0px;margin-bottom:0px;padding-top:0px;padding-bottom:0px"><!-- wp:group {"align":"wide","style":{"spacing":{"padding":{"top":"0px","bottom":"0px","left":"0px","right":"30%"},"margin":{"top":"180px","bottom":"90px"},"blockGap":"0px"}},"layout":{"type":"default"}} -->
 <div class="wp-block-group alignwide" style="margin-top:180px;margin-bottom:90px;padding-top:0px;padding-right:30%;padding-bottom:0px;padding-left:0px"><!-- wp:query {"queryId":30,"query":{"perPage":"10","pages":0,"offset":0,"postType":"post","order":"desc","orderBy":"date","author":"","search":"","exclude":[],"sticky":"","inherit":false},"displayLayout":{"type":"flex","columns":2},"layout":{"type":"default"}} -->
 <div class="wp-block-query"><!-- wp:post-template -->
-<!-- wp:post-featured-image {"isLink":true,"width":"","height":"360px","style":{"border":{"radius":"8px"},"color":{"duotone":["#111111","#dadada"]}}} /-->
+<!-- wp:post-featured-image {"isLink":true,"width":"","height":"360px","style":{"border":{"radius":"8px"},"color":{"duotone":["#063559","#dadada"]}}} /-->
 
 <!-- wp:post-title {"isLink":true,"style":{"typography":{"lineHeight":"1","fontStyle":"normal","fontWeight":"600","letterSpacing":"-1px","fontSize":"2rem"},"spacing":{"padding":{"top":"0px","right":"0px","bottom":"0px","left":"0px"},"margin":{"top":"0px","right":"0px","bottom":"0px","left":"0px"}}}} /-->
 

vetro/templates/index.html

@@ -5,9 +5,9 @@
 
 <!-- wp:pattern {"slug":"vetro/about"} /-->
 
-<!-- wp:query {"queryId":0,"query":{"perPage":"2","pages":0,"offset":0,"postType":"post","order":"desc","orderBy":"date","author":"","search":"","exclude":[],"sticky":"only","inherit":false},"displayLayout":{"type":"flex","columns":2},"align":"full"} -->
-<div class="wp-block-query alignfull"><!-- wp:post-template -->
-<!-- wp:post-featured-image {"isLink":true,"height":"640px","style":{"border":{"radius":"8px"},"color":{"duotone":["#111111","#dadada"]}}} /-->
+<!-- wp:query {"queryId":0,"query":{"perPage":"2","pages":0,"offset":0,"postType":"post","order":"desc","orderBy":"date","author":"","search":"","exclude":[],"sticky":"only","inherit":false},"displayLayout":{"type":"flex","columns":2},"align":"wide"} -->
+<div class="wp-block-query alignwide"><!-- wp:post-template -->
+<!-- wp:post-featured-image {"isLink":true,"height":"640px","style":{"border":{"radius":"8px"},"color":{"duotone":["#063559","#dadada"]}}} /-->
 
 <!-- wp:post-title {"isLink":true,"style":{"typography":{"fontSize":"2rem","lineHeight":"1","fontStyle":"normal","fontWeight":"600","letterSpacing":"-1px"},"spacing":{"padding":{"top":"0px","right":"0px","bottom":"0px","left":"0px"},"margin":{"top":"0px","right":"0px","bottom":"0px","left":"0px"}}}} /-->
 
@@ -21,9 +21,9 @@
 <!-- /wp:post-template --></div>
 <!-- /wp:query -->
 
-<!-- wp:query {"queryId":1,"query":{"perPage":"8","pages":0,"offset":0,"postType":"post","order":"desc","orderBy":"date","author":"","search":"","exclude":[],"sticky":"exclude","inherit":true},"displayLayout":{"type":"flex","columns":4},"align":"full"} -->
-<div class="wp-block-query alignfull"><!-- wp:post-template -->
-<!-- wp:post-featured-image {"isLink":true,"width":"","height":"360px","style":{"border":{"radius":"8px"},"color":{"duotone":["#111111","#dadada"]}}} /-->
+<!-- wp:query {"queryId":1,"query":{"perPage":"8","pages":0,"offset":0,"postType":"post","order":"desc","orderBy":"date","author":"","search":"","exclude":[],"sticky":"exclude","inherit":true},"displayLayout":{"type":"flex","columns":4},"align":"wide"} -->
+<div class="wp-block-query alignwide"><!-- wp:post-template -->
+<!-- wp:post-featured-image {"isLink":true,"width":"","height":"360px","style":{"border":{"radius":"8px"},"color":{"duotone":["#063559","#dadada"]}}} /-->
 
 <!-- wp:post-title {"isLink":true,"style":{"typography":{"lineHeight":"1","fontSize":"2rem","fontStyle":"normal","fontWeight":"600","letterSpacing":"-1px"},"spacing":{"padding":{"top":"0px","right":"0px","bottom":"0px","left":"0px"},"margin":{"top":"0px","right":"0px","bottom":"0px","left":"0px"}}}} /-->
 

vetro/templates/page.html

@@ -1,9 +1,9 @@
 <!-- wp:template-part {"slug":"header","tagName":"header"} /-->
 
 <!-- wp:group {"tagName":"main","style":{"spacing":{"blockGap":"0px","margin":{"top":"160px","bottom":"80px"}}},"layout":{"type":"constrained"}} -->
-<main class="wp-block-group" style="margin-top:160px;margin-bottom:80px"><!-- wp:columns {"align":"full"} -->
-<div class="wp-block-columns alignfull"><!-- wp:column {"width":"80%"} -->
-<div class="wp-block-column" style="flex-basis:80%"><!-- wp:post-title {"level":1,"isLink":true,"align":"wide","style":{"typography":{"fontSize":"4rem","fontStyle":"normal","fontWeight":"600","letterSpacing":"-3px"},"spacing":{"padding":{"top":"0px","right":"0px","bottom":"0px","left":"0px"},"margin":{"top":"0px","right":"0px","bottom":"0px","left":"0px"}}},"fontFamily":"inter"} /-->
+<main class="wp-block-group" style="margin-top:160px;margin-bottom:80px"><!-- wp:columns {"align":"wide"} -->
+<div class="wp-block-columns alignwide"><!-- wp:column {"width":"80%","style":{"spacing":{"padding":{"right":"0"}}}} -->
+<div class="wp-block-column" style="padding-right:0;flex-basis:80%"><!-- wp:post-title {"level":1,"isLink":true,"align":"wide","style":{"typography":{"fontSize":"4rem","fontStyle":"normal","fontWeight":"600","letterSpacing":"-3px"},"spacing":{"padding":{"top":"0px","right":"0px","bottom":"0px","left":"0px"},"margin":{"top":"0px","right":"0px","bottom":"0px","left":"0px"}}},"fontFamily":"inter"} /-->
 
 <!-- wp:spacer {"height":"30px"} -->
 <div style="height:30px" aria-hidden="true" class="wp-block-spacer"></div>

vetro/templates/search.html

@@ -8,7 +8,7 @@
 
 <!-- wp:query {"query":{"perPage":"6","pages":0,"offset":0,"postType":"post","order":"desc","orderBy":"date","author":"","search":"","exclude":[],"sticky":"","inherit":false},"displayLayout":{"type":"list","columns":2},"layout":{"type":"default"}} -->
 <div class="wp-block-query"><!-- wp:post-template -->
-<!-- wp:post-featured-image {"isLink":true,"width":"","height":"640px","style":{"border":{"radius":"8px"},"color":{"duotone":["#111111","#dadada"]}}} /-->
+<!-- wp:post-featured-image {"isLink":true,"width":"","height":"640px","style":{"border":{"radius":"8px"},"color":{"duotone":["#063559","#dadada"]}}} /-->
 
 <!-- wp:post-title {"isLink":true,"style":{"typography":{"lineHeight":"1.1","fontSize":"4rem","fontStyle":"normal","fontWeight":"600","letterSpacing":"-1px"},"spacing":{"padding":{"top":"0px","right":"0px","bottom":"0px","left":"0px"},"margin":{"top":"0px","right":"0px","bottom":"0px","left":"0px"}}}} /-->
 

vetro/templates/single.html

@@ -33,9 +33,9 @@
 <div style="height:110px" aria-hidden="true" class="wp-block-spacer"></div>
 <!-- /wp:spacer -->
 
-<!-- wp:columns {"align":"full"} -->
-<div class="wp-block-columns alignfull"><!-- wp:column {"width":"80%"} -->
-<div class="wp-block-column" style="flex-basis:80%"><!-- wp:post-title {"level":1,"align":"wide","style":{"spacing":{"padding":{"top":"0px","right":"0px","bottom":"0px","left":"0px"},"margin":{"top":"0px","right":"0px","bottom":"0px","left":"0px"}},"typography":{"fontStyle":"normal","fontWeight":"600","fontSize":"4rem","letterSpacing":"-3px"}},"fontFamily":"inter"} /-->
+<!-- wp:columns {"align":"wide"} -->
+<div class="wp-block-columns alignwide"><!-- wp:column {"width":"80%","style":{"spacing":{"padding":{"right":"0"}}}} -->
+<div class="wp-block-column" style="padding-right:0;flex-basis:80%"><!-- wp:post-title {"level":1,"align":"wide","style":{"spacing":{"padding":{"top":"0px","right":"0px","bottom":"0px","left":"0px"},"margin":{"top":"0px","right":"0px","bottom":"0px","left":"0px"}},"typography":{"fontStyle":"normal","fontWeight":"600","fontSize":"4rem","letterSpacing":"-3px"}},"fontFamily":"inter"} /-->
 
 <!-- wp:spacer {"height":"30px"} -->
 <div style="height:30px" aria-hidden="true" class="wp-block-spacer"></div>
@@ -53,10 +53,10 @@
 <div style="height:90px" aria-hidden="true" class="wp-block-spacer"></div>
 <!-- /wp:spacer -->
 
-<!-- wp:post-featured-image {"align":"full","style":{"spacing":{"margin":{"bottom":"0px","top":"0px"},"padding":{"top":"0px","right":"0px","bottom":"0px","left":"0px"}},"color":{"duotone":["#111111","#dadada"]}}} /-->
+<!-- wp:post-featured-image {"align":"full","style":{"spacing":{"margin":{"bottom":"0px","top":"0px"},"padding":{"top":"0px","right":"0px","bottom":"0px","left":"0px"}},"color":{"duotone":["#063559","#dadada"]}}} /-->
 
-<!-- wp:group {"align":"full","style":{"spacing":{"padding":{"top":"0px","right":"25%","bottom":"0px","left":"0px"},"blockGap":"0px","margin":{"top":"0px","bottom":"0px"}},"border":{"top":{"color":"var:preset|color|foreground","width":"1px"}}},"layout":{"type":"default"}} -->
-<div class="wp-block-group alignfull" style="border-top-color:var(--wp--preset--color--foreground);border-top-width:1px;margin-top:0px;margin-bottom:0px;padding-top:0px;padding-right:25%;padding-bottom:0px;padding-left:0px"></div>
+<!-- wp:group {"align":"wide","style":{"spacing":{"padding":{"top":"0px","right":"25%","bottom":"0px","left":"0px"},"blockGap":"0px","margin":{"top":"0px","bottom":"0px"}},"border":{"top":{"color":"var:preset|color|foreground","width":"1px"}}},"layout":{"type":"default"}} -->
+<div class="wp-block-group alignwide" style="border-top-color:var(--wp--preset--color--foreground);border-top-width:1px;margin-top:0px;margin-bottom:0px;padding-top:0px;padding-right:25%;padding-bottom:0px;padding-left:0px"></div>
 <!-- /wp:group -->
 
 <!-- wp:group {"align":"wide","style":{"spacing":{"padding":{"top":"60px","right":"25%","bottom":"60px","left":"0px"},"blockGap":"0px","margin":{"top":"0px","bottom":"0px"}}},"layout":{"type":"default"}} -->
@@ -67,7 +67,7 @@
 <!-- wp:comment-template {"style":{"typography":{"lineHeight":"1","fontStyle":"normal","fontWeight":"500"}},"fontSize":"small"} -->
 <!-- wp:columns {"style":{"spacing":{"padding":{"top":"0px","right":"0px","bottom":"40px","left":"0px"}}}} -->
 <div class="wp-block-columns" style="padding-top:0px;padding-right:0px;padding-bottom:40px;padding-left:0px"><!-- wp:column {"width":"40px"} -->
-<div class="wp-block-column" style="flex-basis:40px"><!-- wp:avatar {"size":40,"style":{"border":{"radius":"4px","width":"1px"},"color":{"duotone":["#111111","#dadada"]}},"borderColor":"foreground"} /--></div>
+<div class="wp-block-column" style="flex-basis:40px"><!-- wp:avatar {"size":40,"style":{"border":{"radius":"4px","width":"1px"},"color":{"duotone":["#063559","#dadada"]}},"borderColor":"foreground"} /--></div>
 <!-- /wp:column -->
 
 <!-- wp:column {"style":{"spacing":{"padding":{"top":"0px","right":"0px","bottom":"0px","left":"0px"},"blockGap":"0px"}}} -->

vetro/theme.json

@@ -4,14 +4,36 @@
 		"color": {
 			"custom": true,
 			"customGradient": true,
+			"duotone": [
+                {
+                    "colors": [ "#063559", "#DADADA" ],
+                    "slug": "default",
+                    "name": "Default"
+                },
+                {
+                    "colors": [ "#063559", "#62FF88" ],
+                    "slug": "ooze",
+                    "name": "Ooze"
+                },
+                {
+                    "colors": [ "#063559", "#EDE550" ],
+                    "slug": "lemon",
+                    "name": "Lemon"
+                },
+                {
+                    "colors": [ "#063559", "#DA90BD" ],
+                    "slug": "pink",
+                    "name": "Pink"
+                }
+			],
 			"palette": [
 				{
-					"color": "#111111",
+					"color": "#62ff88",
 					"name": "Foreground",
 					"slug": "foreground"
 				},
 				{
-					"color": "#dadada",
+					"color": "#063559",
 					"name": "Background",
 					"slug": "background"
 				}
@@ -132,9 +154,7 @@
 		"blocks": {
 			"core/button": {
 				"border": {
-					"color": "var(--wp--preset--color--background)",
-					"radius": "0",
-					"width": "2px"
+					"radius": "0"
 				},
 				"color": {
 					"background": "var(--wp--preset--color--foreground)",
@@ -195,7 +215,7 @@
 			"button": {
 				"color": {
 					"background": "var(--wp--preset--color--background)",
-					"text": "var(--wp--preset--color--background)"
+					"text": "var(--wp--preset--color--foreground)"
 				},
 				"typography": {
 					"fontFamily": "Inter",
@@ -269,7 +289,7 @@
 			},
 			"heading": {
 				"color": {
-					"text": "#111111"
+					"text": "var(--wp--preset--color--foreground)"
 				},
 				"typography": {
 					"fontFamily": "Inter",
@@ -279,7 +299,7 @@
 			},
 			"link": {
 				"color": {
-					"text": "var:preset|color|foreground"
+					"text": "var(--wp--preset--color--foreground)"
 				},
 				"typography": {
 					"fontFamily": "Inter"