Quote block citation text color does not match block setting with Gutenberg 18.3.0

[viralsampat]

Hello Team,

I have worked on the "Quote" block and found that its "Add Citation" text color is not changed in the editor side when we tried to change text color from block setting for "Twenty Twenty-Four" theme.

In front-end side it work as expected. So, I think that it should be same on both editor & front-end sides.

I already faced this same issue on the "Twenty Fifteen" theme and I have posted it.
Issue: #59802

Here, I have attached its video.

Issue: ​https://www.awesomescreenshot.com/video/27535077?key=4cac598f2c43ddafa31003b223f5c066

Thanks,

[sabernhardt]

Accent Three text color for the entire Quote block, in the iframe post editor, with Twenty Twenty-Four and WordPress 6.5.3

[sabernhardt]

gray text color for Quote block citation with Gutenberg 18.3.0 active, whether the block has the default color or user-defined text color setting

[sabernhardt]

I'm changing the version to 'trunk' because the color still matches what I selected for the Quote block in WordPress 6.5.3 with Twenty Twenty-Four 1.1 and no plugins. I only get the unexpected text color with the Gutenberg plugin activated (versions 18.2.0 and 18.3.0, whether inside the iframe or non-framed).

This is new in editor styles:

:where(.wp-element-caption, .wp-block-audio figcaption, .wp-block-embed figcaption, .wp-block-gallery figcaption, .wp-block-image figcaption, .wp-block-table figcaption, .wp-block-video figcaption) {
  color: var(--wp--preset--color--contrast-2);
  font-family: var(--wp--preset--font-family--body);
  font-size: 0.8rem;
}

The front end continues to use the same color for the whole block with Twenty Twenty-Four.

I also changed the component because this should not require special styles in individual themes.

[sabernhardt]

Apparently the caption class applied to the citation as early as Gutenberg 18.1, and the issue has been reported on GitHub:
​https://github.com/WordPress/gutenberg/issues/62208

[luehrsen]

There is also a patch ready over on GitHub.

​https://github.com/WordPress/gutenberg/pull/62485

[sabernhardt]

[58434] apparently fixed this for Beta 3.