Twenty Twenty One: Text color not reflected in Editor for citation in Quote block

[jyolsna]

Hello Team,

In Twenty Twenty One Theme when we select Quote block and add text color, it is not reflected for citation in the editor. But color change is reflected in the front end.

How to Replicate:

1. Activate the Twenty Twenty One theme
2. Insert Quote block
3. Enter text and select color

​https://www.loom.com/share/34744a72bf71449390db9983df7aa2f5

[evildon]

Fix Quote citation colour not reflecting in backend editor (when main quote colour is changed)

[audrasjb]

Thanks for the ticket and welcome to WordPress Core Trac @jyolsna,

Self assigning for review.

[kajalgohel]

added patch for adding color of citation text in editor side

[jyolsna]

Replying to audrasjb:

Thanks for the ticket and welcome to WordPress Core Trac @jyolsna,

Self assigning for review.

Happy to contribute to WordPress! Thanks for the warm welcome and review.

[audrasjb]

Patch fixes the issue

[audrasjb]

In 53517:

Twenty Twenty-One: Ensure custom text color is reflected in the Editor for Quote block.

This changes removes an hardcoded CSS color value for the Quote block in Twenty Twenty-One's editor stylesheet. This ensures custom text color is fully reflected in the Editor for Quote block.

Props jyolsna, evildon, kajalgohel, audrasjb.
Fixes #55989.

[poena]

Hi!
Was this color change tested on all supported WordPress versions _even those without color options for the quote block_ and with the dark mode enabled?

[poena]

Test results:

This works on 5.3 because the primary color is also set on
blockquote .wp-block-quote__citation in assets/sass/04-elements/blockquote.scss

---

-Will the remaining CSS files not be built before the release of the theme update?

[poena]

Quote block with cite in dark mode and with white background, WordPress 5.3

[audrasjb]

Reopening to make sure we check and address the above potential issue.

[poena]

5.4, 5.5, 5.6, 5.7, 5.8: Works the same as in 5.3.
Well done everyone :)

[desrosj]

In 53739:

Twenty Twenty-One: Rebuild the IE specific stylesheet.

This was missed in [53517].

See #55989.

[desrosj]

This was waiting for testing on different versions of WordPress, which @poena detailed her findings doing above.

Closing out as fixed.