Twenty Seventeen: Pullquote Block - "Write citation…" Text color not working at frontend

[iamjaydip]

When I add Pullquote Block in editor and assign text color from the Color setting it's working properly in backend but it's not working properly in frontend.

[iamjaydip]

Pullquote Block: Text color not working at frontend ( Write citation…)

[laurelfulford]

Thanks for this report, @iamjaydip! That definitely doesn't look like it's working as expected.

I think this is an issue with Twenty Seventeen's styles specifically, so I'm going to move it to the 'Bundled Themes' component.

[sabernhardt]

inherits Pullquote block's text color for blockquote element

[sabernhardt]

On the front end, the citation text color has matched the quote text since WordPress 5.9. Since then, block-library styles have also matched the block's default color to the body text instead of the theme's medium gray. At this point, I would consider that the new style for the block.

The iframe editor shows the same colors as the front, but the non-framed editor still shows the gray whether the block uses default or custom colors. I uploaded a patch to override the inlined styles from editor-style.css. If you see top and bottom borders, those come from the block-library/theme.css, and #61591 should correct the sequence by adding editor-blocks.css later.

[karmatosed]

Thank you @sabernhardt I am going to add testing to this and assign to myself to progress this ticket.

[karmatosed]

In testing, I can confirm this works so going to move this to commit - thank you everyone.

[karmatosed]

In 58886:

Twenty Seventeen: Fixes Pullquote block text color not changing on front.

The Pullquote block text color was not changing on the front. This overrides the inlined styles.

Props iamjaydip, laurelfulford, sabernhardt.
Fixes #46080.