Update Pilgrimage style varation: colors, gradients (#201)

* Update Pilgrimage style varation: colors, gradients * Update images to duotone filter, set separators in blue * Add dots gradient * Improve dots Co-authored-by: Sarah Norris <sarah@sekai.co.uk>
WordPress · Oct 10, 2022 · a5b1ec2 · a5b1ec2
1 parent 924f630
commit a5b1ec2
Showing 1 changed file with 38 additions and 16 deletions.
diff --git a/styles/pilgrimage.json b/styles/pilgrimage.json
@@ -23,10 +23,25 @@
 					"name": "Secondary to Primary",
 					"slug": "secondary-primary"
 				},
+				{
+					"gradient": "linear-gradient(180deg, var(--wp--preset--color--primary) 0%,var(--wp--preset--color--tertiary) 100%)",
+					"name": "Tertiary to Secondary",
+					"slug": "tertiary-secondary"
+				},
+				{
+					"gradient": "linear-gradient(180deg, var(--wp--preset--color--tertiary) 0%,var(--wp--preset--color--primary) 100%)",
+					"name": "Tertiary to Primary",
+					"slug": "tertiary-primary"
+				},
 				{
 					"gradient": "linear-gradient(180deg, var(--wp--preset--color--base) 0%,var(--wp--preset--color--primary) 350%)",
 					"name": "Base to Primary",
 					"slug": "base-primary"
+				},
+				{
+					"gradient": "radial-gradient(circle at 5px 5px,#0c0d0d70 2px,#ffffff00 0px,#ffffff00 0px) 0 0 / 8px 8px, linear-gradient(180deg, var(--wp--preset--color--base) 0%,#000000 200%)",
+					"name": "Dots",
+					"slug": "dots"
 				}
 			],
 			"palette": [
@@ -65,7 +80,7 @@
 					"link": {
 						":active": {
 							"color": {
-								"text": "var(--wp--preset--color--primary)"
+								"text": "var(--wp--preset--color--tertiary)"
 							}
 						}
 					}
@@ -76,7 +91,7 @@
 					"link": {
 						":active": {
 							"color": {
-								"text": "var(--wp--preset--color--primary)"
+								"text": "var(--wp--preset--color--tertiary)"
 							},
 							"typography": {
 								"textDecoration": "underline"
@@ -90,7 +105,7 @@
 					"link": {
 						":active": {
 							"color": {
-								"text": "var(--wp--preset--color--primary)"
+								"text": "var(--wp--preset--color--tertiary)"
 							}
 						}
 					}
@@ -135,11 +150,8 @@
 					"link": {
 						":hover": {
 							"color": {
-								"text": "var(--wp--preset--color--primary)"
+								"text": "var(--wp--preset--color--tertiary)"
 							}
-						},
-						"color": {
-							"text": "var(--wp--preset--color--primary)"
 						}
 					}
 				}
@@ -163,12 +175,17 @@
 					}
 				}
 			},
+			"core/post-featured-image": {
+				"filter": {
+					"duotone": "var(--wp--preset--duotone--default-filter)"
+				}
+			},
 			"core/post-title": {
 				"elements": {
 					"link": {
 						":active": {
 							"color": {
-								"text": "var(--wp--preset--color--primary)"
+								"text": "var(--wp--preset--color--tertiary)"
 							},
 							"typography": {
 								"textDecoration": "underline"
@@ -196,7 +213,7 @@
 			},
 			"core/separator": {
 				"color": {
-					"text": "var(--wp--preset--color--primary)"
+					"text": "var(--wp--preset--color--secondary)"
 				}
 			},
 			"core/site-title": {
@@ -216,7 +233,7 @@
 			}
 		},
 		"color": {
-			"gradient": "var(--wp--preset--gradient--base-primary)"
+			"gradient": "var(--wp--preset--gradient--dots)"
 		},
 		"elements": {
 			"button": {
@@ -280,18 +297,23 @@
 				}
 			},
 			"link": {
-				":active": {
+				"color": {
+					"text": "var(--wp--preset--color--primary)"
+				},
+				":hover": {
 					"color": {
-						"text": "var(--wp--preset--color--primary)"
+						"text":"var(--wp--preset--color--tertiary)"
 					}
 				},
-				":hover": {
+				":focus": {
 					"color": {
-						"text":"var(--wp--preset--color--primary)"
+						"text":"var(--wp--preset--color--tertiary)"
 					}
 				},
-				"color": {
-					"text": "var(--wp--preset--color--primary)"
+				":active": {
+					"color": {
+						"text": "var(--wp--preset--color--tertiary)"
+					}
 				}
 			}
 		}