Layover: Fixes link color issue (#8682)

Automattic · Feb 7, 2025 · 908e51e · 908e51e
1 parent b619ca2
commit 908e51e
Show file tree

Hide file tree

Showing 5 changed files with 18 additions and 12 deletions.
diff --git a/layover/patterns/404.php b/layover/patterns/404.php
@@ -1,4 +1,3 @@
-<?php declare( strict_types = 1 ); ?>
 <?php
 /**
  * Title: 404
@@ -11,8 +10,8 @@
 
 <!-- wp:group {"tagName":"main","metadata":{"name":"Content"},"style":{"spacing":{"padding":{"bottom":"var:preset|spacing|70","top":"var:preset|spacing|70"}},"dimensions":{"minHeight":"50vh"}},"layout":{"type":"constrained"}} -->
 <main class="wp-block-group" style="min-height:50vh;padding-top:var(--wp--preset--spacing--70);padding-bottom:var(--wp--preset--spacing--70)"><!-- wp:group {"metadata":{"name":"404 Wrapper"},"style":{"spacing":{"blockGap":"var:preset|spacing|60"}}} -->
-<div class="wp-block-group"><!-- wp:heading {"textAlign":"center","level":1,"align":"wide"} -->
-<h1 class="wp-block-heading alignwide has-text-align-center" id="oops-that-page-can-t-be-found"><?php esc_html_e('Oops! That page can’t be found.', 'layover');?></h1>
+<div class="wp-block-group"><!-- wp:heading {"textAlign":"center","level":1,"align":"wide","style":{"elements":{"link":{"color":{"text":"var:preset|color|foreground"}}}},"textColor":"foreground"} -->
+<h1 class="wp-block-heading alignwide has-text-align-center has-foreground-color has-text-color has-link-color" id="oops-that-page-can-t-be-found"><?php esc_html_e('Oops! That page can’t be found.', 'layover');?></h1>
 <!-- /wp:heading -->
 
 <!-- wp:paragraph {"align":"center","style":{"elements":{"link":{"color":{"text":"var:preset|color|foreground"}}}},"textColor":"foreground","fontSize":"medium"} -->

diff --git a/layover/patterns/archive.php b/layover/patterns/archive.php
@@ -1,4 +1,3 @@
-<?php declare( strict_types = 1 ); ?>
 <?php
 /**
  * Title: archive
@@ -17,7 +16,7 @@
 <!-- wp:group {"metadata":{"name":"Post template wrapper"},"style":{"spacing":{"blockGap":"var:preset|spacing|60","padding":{"bottom":"var:preset|spacing|60"}}},"layout":{"type":"constrained"}} -->
 <div class="wp-block-group" style="padding-bottom:var(--wp--preset--spacing--60)"><!-- wp:post-featured-image {"isLink":true,"aspectRatio":"1","width":"40%"} /-->
 
-<!-- wp:post-title {"textAlign":"center","isLink":true} /-->
+<!-- wp:post-title {"textAlign":"center","isLink":true,"style":{"elements":{"link":{"color":{"text":"var:preset|color|foreground"}}}},"textColor":"foreground"} /-->
 
 <!-- wp:group {"style":{"spacing":{"margin":{"top":"1rem"}}},"layout":{"type":"constrained"}} -->
 <div class="wp-block-group" style="margin-top:1rem"><!-- wp:post-excerpt {"textAlign":"center","excerptLength":25,"style":{"elements":{"link":{"color":{"text":"var:preset|color|foreground"}}}},"textColor":"foreground"} /--></div>

diff --git a/layover/patterns/index.php b/layover/patterns/index.php
@@ -1,4 +1,3 @@
-<?php declare( strict_types = 1 ); ?>
 <?php
 /**
  * Title: index
@@ -15,7 +14,7 @@
 <!-- wp:group {"metadata":{"name":"Post template wrapper"},"style":{"spacing":{"blockGap":"var:preset|spacing|60","padding":{"bottom":"var:preset|spacing|60"}}},"layout":{"type":"constrained"}} -->
 <div class="wp-block-group" style="padding-bottom:var(--wp--preset--spacing--60)"><!-- wp:post-featured-image {"isLink":true,"aspectRatio":"1","width":"40%"} /-->
 
-<!-- wp:post-title {"textAlign":"center","isLink":true} /-->
+<!-- wp:post-title {"textAlign":"center","isLink":true,"style":{"elements":{"link":{"color":{"text":"var:preset|color|foreground"}}}},"textColor":"foreground"} /-->
 
 <!-- wp:group {"style":{"spacing":{"margin":{"top":"1rem"}}},"layout":{"type":"constrained"}} -->
 <div class="wp-block-group" style="margin-top:1rem"><!-- wp:post-excerpt {"textAlign":"center","excerptLength":25,"style":{"elements":{"link":{"color":{"text":"var:preset|color|foreground"}}}},"textColor":"foreground"} /--></div>

diff --git a/layover/patterns/search.php b/layover/patterns/search.php
@@ -1,4 +1,3 @@
-<?php declare( strict_types = 1 ); ?>
 <?php
 /**
  * Title: search
@@ -21,7 +20,7 @@
 <!-- wp:group {"metadata":{"name":"Post template wrapper"},"style":{"spacing":{"blockGap":"var:preset|spacing|60","padding":{"bottom":"var:preset|spacing|60"}}},"layout":{"type":"constrained"}} -->
 <div class="wp-block-group" style="padding-bottom:var(--wp--preset--spacing--60)"><!-- wp:post-featured-image {"isLink":true,"aspectRatio":"1","width":"40%"} /-->
 
-<!-- wp:post-title {"textAlign":"center","isLink":true} /-->
+<!-- wp:post-title {"textAlign":"center","isLink":true,"style":{"elements":{"link":{"color":{"text":"var:preset|color|foreground"}}}},"textColor":"foreground"} /-->
 
 <!-- wp:group {"style":{"spacing":{"margin":{"top":"1rem"}}},"layout":{"type":"constrained"}} -->
 <div class="wp-block-group" style="margin-top:1rem"><!-- wp:post-excerpt {"textAlign":"center","excerptLength":25,"style":{"elements":{"link":{"color":{"text":"var:preset|color|foreground"}}}},"textColor":"foreground"} /--></div>

diff --git a/layover/theme.json b/layover/theme.json
@@ -614,6 +614,16 @@
 				}
 			},
 			"core/query-title": {
+				"color": {
+					"text": "var(--wp--preset--color--foreground)"
+				},
+				"elements": {
+					"link": {
+						"color": {
+							"text": "var(--wp--preset--color--foreground)"
+						}
+					}
+				},
 				"spacing": {
 					"margin": {
 						"bottom": "4rem"
@@ -769,7 +779,7 @@
 			},
 			"heading": {
 				"color": {
-					"text": "var(--wp--preset--color--foreground)"
+					"text": "var(--wp--preset--color--primary)"
 				},
 				"typography": {
 					"fontFamily": "var(--wp--preset--font-family--manrope)",
@@ -789,7 +799,7 @@
 					}
 				},
 				"color": {
-					"text": "var(--wp--preset--color--foreground)"
+					"text": "var(--wp--preset--color--primary)"
 				}
 			}
 		},
@@ -825,4 +835,4 @@
 	],
 	"version": 3,
 	"$schema": "https://schemas.wp.org/trunk/theme.json"
-}
+}