Google map block: Update sotw style to use blueberry brand color

ryelle · ryelle · commit df142ea2504f · 2024-12-06T14:42:29.000-05:00
This creates a simple brand-styled map, reusing the sotw23 settings but removing the red, which was one-off for that year.

Props marko-srb
diff --git a/mu-plugins/blocks/google-map/images/cluster-background-sotw2023.svg b/mu-plugins/blocks/google-map/images/cluster-background-sotw2023.svg
@@ -1,3 +1,3 @@
 <svg width="38" height="38" viewBox="0 0 38 38" fill="none" xmlns="http://www.w3.org/2000/svg">
-<circle cx="19" cy="19" r="14" fill="#FF2B2B"/>
+<circle cx="19" cy="19" r="14" fill="#3858e9"/>
 </svg>
diff --git a/mu-plugins/blocks/google-map/images/map-marker-sotw2023.svg b/mu-plugins/blocks/google-map/images/map-marker-sotw2023.svg
@@ -1,4 +1,4 @@
 <svg width="34" height="34" viewBox="0 0 34 34" fill="none" xmlns="http://www.w3.org/2000/svg">
-<circle cx="17" cy="17" r="17" fill="#FF2B2B"/>
+<circle cx="17" cy="17" r="17" fill="#3858e9"/>
 <path d="M17 2C8.72857 2 2 8.72857 2 17C2 25.2714 8.72857 32 17 32C25.2714 32 32 25.2698 32 17C32 8.73016 25.2698 2 17 2ZM3.51429 17C3.51429 15.0444 3.93333 13.1889 4.68254 11.5111L11.1159 29.1365C6.61746 26.9508 3.51429 22.3381 3.51429 17ZM17 30.4889C15.6762 30.4889 14.3984 30.2936 13.1905 29.9381L17.2365 18.181L21.381 29.5381C21.4079 29.6048 21.4413 29.6667 21.4778 29.7238C20.0762 30.2175 18.5698 30.4889 17 30.4889ZM18.8587 10.6778C19.6698 10.6349 20.4016 10.5492 20.4016 10.5492C21.1286 10.4635 21.0429 9.39524 20.3159 9.4381C20.3159 9.4381 18.1317 9.60952 16.7206 9.60952C15.3952 9.60952 13.1683 9.4381 13.1683 9.4381C12.4413 9.39524 12.3556 10.5063 13.0825 10.5492C13.0825 10.5492 13.7698 10.6349 14.4968 10.6778L16.5984 16.4349L13.646 25.2857L8.73492 10.6778C9.54762 10.6349 10.2778 10.5492 10.2778 10.5492C11.0048 10.4635 10.9175 9.39524 10.1921 9.4381C10.1921 9.4381 8.00794 9.60952 6.59841 9.60952C6.34603 9.60952 6.04762 9.60317 5.73016 9.59365C8.14286 5.93175 12.2889 3.51429 17 3.51429C20.5111 3.51429 23.7079 4.85714 26.1063 7.05556C26.0476 7.05238 25.9921 7.04444 25.9317 7.04444C24.6063 7.04444 23.6667 8.19841 23.6667 9.4381C23.6667 10.5492 24.3079 11.4905 24.9921 12.6016C25.5048 13.5 26.1032 14.654 26.1032 16.3206C26.1032 17.4746 25.6587 18.8143 25.0778 20.681L23.7317 25.1746L18.8587 10.6778ZM28.8349 10.5302C29.8873 12.4508 30.4873 14.6556 30.4873 17C30.4873 21.9762 27.7905 26.319 23.781 28.6571L27.9 16.7476C28.6698 14.8238 28.9254 13.2857 28.9254 11.9175C28.9254 11.4206 28.8921 10.9603 28.8349 10.5302Z" fill="white"/>
 </svg>
diff --git a/mu-plugins/blocks/google-map/postcss/style.pcss b/mu-plugins/blocks/google-map/postcss/style.pcss
@@ -122,7 +122,7 @@
 .wp-block-wporg-google-map.is-style-sotw-2023 {
 	& .wporg-map-marker {
 		& a {
-			color: #ff2b2b;
+			color: var(--wp--preset--color--blueberry-1);
 		}
 	}
 }

Original file line number	Diff line number	Diff line change
`@@ -122,7 +122,7 @@`
`122`	`122`	`.wp-block-wporg-google-map.is-style-sotw-2023 {`
`123`	`123`	`& .wporg-map-marker {`
`124`	`124`	`& a {`
`125`		`- color: #ff2b2b;`
	`125`	`+ color: var(--wp--preset--color--blueberry-1);`
`126`	`126`	`}`
`127`	`127`	`}`
`128`	`128`	`}`