Varia themes: Default text Color inside the Cover Block is not the same in the editor and the front-end

[AtrumGeost]

Steps to replicate

1. Activate the Hever theme and select the option to replace the Home page
2. Open the new Home page in the editor
3. Notice the color of the text inside the Cover block (white)
4. Notice the color on the actual site (black)

Result

Expected

To have the same color as in the editor:

• User report: 4429491-zd-woothemes

[dcoleonline]

Also in 4424948-zen

We should update them once this is resolved. For now, I've manually set the color option in the editor to override this issue.

[AtrumGeost]

Another report here:

4452487-zd-woothemes

[jordesign]

With some testing I've been able to narrow down this issue a little more. It appears to happen in the Varia parent theme and all child themes. (all I tested anyway).

The issue is that the default text color for content within Cover blocks (and others as well like Form blocks) isn't matching between editor and front-end preview.

Case (you can check Pdw1nU-d-p2 for testing):

Editor (default text appears white):

Front End (default text appears dark):

---

For bonus weirdness I made some changes to the colors in the customizer - and they had unexpected effects on the color pallet in the editor and the front end.

Customizer change (changing default text color to light green):
This changed text colors even when other colors had already been specifically applied (using color presets in the editor)

In the Editor:

---

Noting that the match of color labels between Customizer and Editor (and the fact they are in different positions) are:

Background > Background
Text Color > Foreground
Link Color > Primary
Secondary > Secondary

[jordesign]

As this appears to be affecting all Varia themes - I'm raising it as high priority.

[jordesign]

Could this be related to the introduction of Opacity for background colors in Gutenberg 11.8?
WordPress/gutenberg#35065

[mrsjaved]

Another report here 18999453-hc
Follow-up ticket: 4462522-zd-woothemes user wants to receive an update when the issue is resolved.

[AtrumGeost]

Another report here: 4463353-zd-woothemes

[mrsjaved]

Another report here: 4063903-hc

[jartes]

Another one on 30758439-hc

Did some CSS for them to fix colors manually.

[ccwalburn]

Another report here: 32814121-hc
Had them manually set the color in the editor

[vinnykaur]

One more - 4531506-zd
Had to set the color manually from the block settings.

[vinnykaur]

4462244-zd
Had them set the color manually from the block settings.

[csonnek]

Also in https://wordpress.com/forums/topic/letters-turned-from-white-to-black-on-my-theme/

[AtrumGeost]

Another report here 4534534-zd-woothemes

[kriskorn]

Another report here: 28882174-hc
Had them manually set the color in the editor.

[lunasera41]

Another report here: 4575897-zd-woothemes
Asked them to manually set the color in the editor
Stow theme

[jackiejade]

Another report: 30891016-hc

Manually switching the color in the editor fixed the issue.

[jartes]

Another one on: 33146819-hc

Indicated to set the color manually.

[ai2n]

I think another related one in: 4613234-zen

It seems they somehow were able to solve it in between the time I pushed to ticket and followed up with them, but I suggested a manual workaround just in case.

[scruffian]

This should have been fixed by #5212