Quick summary

When applying the secondary theme color to a paragraph or header block, the color change is not visible either in the editor, in a draft preview, or on a published page.

Steps to reproduce

1. Activate the Zoologist theme
2. Set a custom secondary color from Customize > Colors
3. Create a new post or page and add a paragraph or header block with text
4. Change the text color to the secondary theme color

What you expected to happen

I expect this to change the color immediately in the editor and then be reflected on the published page or post

What actually happened

The primary color is applied instead.

Context

Reported in #4875035-zen. I was able to test and reproduce. I tested on Zoologist and Russel and only Zoologist exhibited the behavior.

Simple, Atomic or both?

Simple

Theme-specific issue?

Zoologist

Browser, operating system and other notes

No response

Reproducibility

Consistent

Severity

No response

Available workarounds?

No response

Workaround details

This CSS seems to work:

/* Temporary fix for secondary color bug */
.has-secondary-color {
color: var(--wp--preset--color--secondary) !important;
}