Fix header icon colors in default style

Misplon · Misplon · commit e7fe5e6481a3 · 2025-11-11T18:28:04.000Z
diff --git a/style.css b/style.css
@@ -604,9 +604,9 @@ body.admin-bar .wp-site-blocks {
 	}
 
 	.snapshot-icon path {
-		color: var(--wp--preset--color--secondary);
+		color: currentColor;
 		fill: transparent;
-		stroke: var(--wp--preset--color--secondary);
+		stroke: currentColor;
 	}
 }
 
@@ -899,6 +899,7 @@ ol.so-is-block {
 		background: none;
 		border: none;
 		cursor: pointer;
+		color: inherit;
 		font-size: inherit; /* Inherit from parent container */
 		padding: 0 !important; /* Remove padding - wrapper already has it */
 		display: flex !important;
@@ -931,6 +932,13 @@ ol.so-is-block {
 
 		svg {
 			fill: none !important;
+			height: auto;
+			width: auto;
+
+			path {
+				stroke: currentColor;
+				transition: stroke 150ms ease-in-out;
+			}
 		}
 	}
 
@@ -1560,6 +1568,11 @@ footer .wp-block-button__link.wp-element-button {
 	}
 }
 
+header.wp-block-template-part .snapshot-icon path,
+.snapshot-header-wrapper .snapshot-icon path {
+	stroke: currentColor;
+}
+
 a:hover > .snapshot-icon,
 a:focus > .snapshot-icon,
 button:hover > .snapshot-icon,

Original file line number	Diff line number	Diff line change
`@@ -604,9 +604,9 @@ body.admin-bar .wp-site-blocks {`
`604`	`604`	`}`
`605`	`605`
`606`	`606`	`.snapshot-icon path {`
`607`		`- color: var(--wp--preset--color--secondary);`
	`607`	`+ color: currentColor;`
`608`	`608`	`fill: transparent;`
`609`		`- stroke: var(--wp--preset--color--secondary);`
	`609`	`+ stroke: currentColor;`
`610`	`610`	`}`
`611`	`611`	`}`
`612`	`612`
`@@ -899,6 +899,7 @@ ol.so-is-block {`
`899`	`899`	`background: none;`
`900`	`900`	`border: none;`
`901`	`901`	`cursor: pointer;`
	`902`	`+ color: inherit;`
`902`	`903`	`font-size: inherit; /* Inherit from parent container */`
`903`	`904`	`padding: 0 !important; /* Remove padding - wrapper already has it */`
`904`	`905`	`display: flex !important;`
`@@ -931,6 +932,13 @@ ol.so-is-block {`
`931`	`932`
`932`	`933`	`svg {`
`933`	`934`	`fill: none !important;`
	`935`	`+ height: auto;`
	`936`	`+ width: auto;`
	`937`	`+`
	`938`	`+ path {`
	`939`	`+ stroke: currentColor;`
	`940`	`+ transition: stroke 150ms ease-in-out;`
	`941`	`+ }`
`934`	`942`	`}`
`935`	`943`	`}`
`936`	`944`
`@@ -1560,6 +1568,11 @@ footer .wp-block-button__link.wp-element-button {`
`1560`	`1568`	`}`
`1561`	`1569`	`}`
`1562`	`1570`
	`1571`	`+header.wp-block-template-part .snapshot-icon path,`
	`1572`	`+.snapshot-header-wrapper .snapshot-icon path {`
	`1573`	`+ stroke: currentColor;`
	`1574`	`+}`
	`1575`	`+`
`1563`	`1576`	`a:hover > .snapshot-icon,`
`1564`	`1577`	`a:focus > .snapshot-icon,`
`1565`	`1578`	`button:hover > .snapshot-icon,`