Varia: Text color on "Image showcase portfolio layout" pre-defined layout doesn't match editor

[mikeicode]

The text color in the first section of the "Image showcase portfolio layout" pre-defined layout shows white text in the editor but it's dark on the published page.

Steps to replicate

Add the "Image showcase portfolio layout" pre-defined layout:

View "Introduce yourself.." text in the editor and the live page.

Result

Editor:

Live page:

Expected

The text should be white. The issue appears to be this CSS:

.wp-block-cover-image h1:not(.has-text-color),
.wp-block-cover-image h2:not(.has-text-color),
.wp-block-cover-image h3:not(.has-text-color),
.wp-block-cover-image h4:not(.has-text-color),
.wp-block-cover-image h5:not(.has-text-color),
.wp-block-cover-image h6:not(.has-text-color),
.wp-block-cover-image p:not(.has-text-color),
.wp-block-cover h1:not(.has-text-color),
.wp-block-cover h2:not(.has-text-color),
.wp-block-cover h3:not(.has-text-color),
.wp-block-cover h4:not(.has-text-color),
.wp-block-cover h5:not(.has-text-color),
.wp-block-cover h6:not(.has-text-color),
.wp-block-cover p:not(.has-text-color) {
	color: inherit;
}

Temporary solution is to choose a preset color:

The text on the thumbnail from the layout chooser also shows the incorrect dark color:

• User report: 4123398-zd-woothemes

Rockfield was the reported theme, I've tested multiple Varia child themes and they all have the issue.

[jamiepalatnik]

It looks like this is a larger issue with all Cover blocks on Varia themes. I can recreate this.

Screenshot of editor view:

Screenshot of live view:

[jordesign]

Closing this issue - as this particular pattern is no longer in use in the page layput selector. Definitely worth following along with https://github.com/Automattic/wp-calypso/issues/58846 for related cover block issues