Twenty Twenty-One: Fix link color inheritance in paragraph blocks

Sukhendu2002 · Sukhendu2002 · commit bfaa417f23e2 · 2026-04-23T17:34:41.000+05:30
diff --git a/src/wp-content/themes/twentytwentyone/assets/css/style-editor.css b/src/wp-content/themes/twentytwentyone/assets/css/style-editor.css
@@ -1446,6 +1446,10 @@ p.has-background {
 	padding: var(--global--spacing-unit);
 }
 
+p.has-text-color:not(.has-link-color) a {
+	color: currentColor;
+}
+
 pre.wp-block-preformatted {
 	overflow-x: auto;
 	white-space: pre !important;
diff --git a/src/wp-content/themes/twentytwentyone/assets/sass/05-blocks/paragraph/_editor.scss b/src/wp-content/themes/twentytwentyone/assets/sass/05-blocks/paragraph/_editor.scss
@@ -4,4 +4,8 @@ p {
 	&.has-background {
 		padding: var(--global--spacing-unit);
 	}
+
+	&.has-text-color:not(.has-link-color) a {
+		color: currentColor;
+	}
 }
diff --git a/src/wp-content/themes/twentytwentyone/assets/sass/05-blocks/paragraph/_style.scss b/src/wp-content/themes/twentytwentyone/assets/sass/05-blocks/paragraph/_style.scss
@@ -7,8 +7,8 @@ p {
 		padding: var(--global--spacing-unit);
 	}
 
-	// Override `color: inherit` from Core styles.
-	&.has-text-color a {
-		color: var(--wp--style--color--link, var(--global--color-primary));
+
+	&.has-text-color:not(.has-link-color) a {
+		color: currentColor;
 	}
 }
diff --git a/src/wp-content/themes/twentytwentyone/style-rtl.css b/src/wp-content/themes/twentytwentyone/style-rtl.css
@@ -2792,8 +2792,8 @@ p.has-background {
 	padding: var(--global--spacing-unit);
 }
 
-p.has-text-color a {
-	color: var(--wp--style--color--link, var(--global--color-primary));
+p.has-text-color:not(.has-link-color) a {
+	color: currentColor;
 }
 
 pre.wp-block-preformatted {
diff --git a/src/wp-content/themes/twentytwentyone/style.css b/src/wp-content/themes/twentytwentyone/style.css
@@ -2814,8 +2814,8 @@ p.has-background {
 	padding: var(--global--spacing-unit);
 }
 
-p.has-text-color a {
-	color: var(--wp--style--color--link, var(--global--color-primary));
+p.has-text-color:not(.has-link-color) a {
+	color: currentColor;
 }
 
 pre.wp-block-preformatted {

Original file line number	Diff line number	Diff line change
`@@ -4,4 +4,8 @@ p {`
`4`	`4`	`&.has-background {`
`5`	`5`	`padding: var(--global--spacing-unit);`
`6`	`6`	`}`
	`7`	`+`
	`8`	`+ &.has-text-color:not(.has-link-color) a {`
	`9`	`+ color: currentColor;`
	`10`	`+ }`
`7`	`11`	`}`
Original file line number	Diff line number	Diff line change
`@@ -7,8 +7,8 @@ p {`
`7`	`7`	`padding: var(--global--spacing-unit);`
`8`	`8`	`}`
`9`	`9`
`10`		- // Override `color: inherit` from Core styles.
`11`		`- &.has-text-color a {`
`12`		`- color: var(--wp--style--color--link, var(--global--color-primary));`
	`10`	`+`
	`11`	`+ &.has-text-color:not(.has-link-color) a {`
	`12`	`+ color: currentColor;`
`13`	`13`	`}`
`14`	`14`	`}`
Original file line number	Diff line number	Diff line change
`@@ -2792,8 +2792,8 @@ p.has-background {`
`2792`	`2792`	`padding: var(--global--spacing-unit);`
`2793`	`2793`	`}`
`2794`	`2794`
`2795`		`-p.has-text-color a {`
`2796`		`- color: var(--wp--style--color--link, var(--global--color-primary));`
	`2795`	`+p.has-text-color:not(.has-link-color) a {`
	`2796`	`+ color: currentColor;`
`2797`	`2797`	`}`
`2798`	`2798`
`2799`	`2799`	`pre.wp-block-preformatted {`
Original file line number	Diff line number	Diff line change
`@@ -2814,8 +2814,8 @@ p.has-background {`
`2814`	`2814`	`padding: var(--global--spacing-unit);`
`2815`	`2815`	`}`
`2816`	`2816`
`2817`		`-p.has-text-color a {`
`2818`		`- color: var(--wp--style--color--link, var(--global--color-primary));`
	`2817`	`+p.has-text-color:not(.has-link-color) a {`
	`2818`	`+ color: currentColor;`
`2819`	`2819`	`}`
`2820`	`2820`
`2821`	`2821`	`pre.wp-block-preformatted {`