Ticket #49931: 49931.1.diff

src/wp-content/themes/twentynineteen/sass/blocks/_blocks.scss

@@ -979 +979 @@
         .has-secondary-background-color,
         .has-dark-gray-background-color,
         .has-light-gray-background-color {
-
                 // Use white text against these backgrounds by default.
                 color: $color__background-body;
 
-                > p,
-                > h1,
-                > h2,
-                > h3,
-                > h4,
-                > h5,
-                > h6,
-                > a {
-                        color: $color__background-body;
+                :where(p, h1, h2, h3, h4, h5, h6, a:not(.wp-element-button):not(.has-text-color)) {
+                        color: inherit;
                 }
         }
 
         .has-white-background-color {
+                // Use dark gray text against this background by default.
                 color: $color__text-main;
 
-                // Use dark gray text against this background by default.
-                > p,
-                > h1,
-                > h2,
-                > h3,
-                > h4,
-                > h5,
-                > h6,
-                > a {
-                        color: $color__text-main;
+                :where(p, h1, h2, h3, h4, h5, h6, a:not(.wp-element-button):not(.has-text-color)) {
+                        color: inherit;
                 }
         }
 

src/wp-content/themes/twentynineteen/style-editor.scss

@@ -179 +179 @@
 .has-light-gray-background-color {
         color: $color__background-body;
 
-        p,
-        h1,
-        h2,
-        h3,
-        h4,
-        h5,
-        h6,
-        a {
-                color: $color__background-body;
+        // Low specificity for headings and paragraphs, higher for links.
+        :where(p, h1, h2, h3, h4, h5, h6),
+        a:not(.wp-element-button):not(.has-text-color) {
+                color: inherit;
         }
 }
 
@@ -195 +190 @@
 .has-white-background-color {
         color: $color__text-main;
 
-        p,
-        h1,
-        h2,
-        h3,
-        h4,
-        h5,
-        h6,
-        a {
-                color: $color__text-main;
+        // Low specificity for headings and paragraphs, higher for links.
+        :where(p, h1, h2, h3, h4, h5, h6),
+        a:not(.wp-element-button):not(.has-text-color) {
+                color: inherit;
         }
 }