[wp-trac] [WordPress Trac] #48726: Twenty Twenty: Wrong Text Color for Background Color & Subtle Background when used as background color for blocks

[WordPress Trac]

#48726: Twenty Twenty: Wrong Text Color for Background Color & Subtle Background
when used as background color for blocks
---------------------------+------------------------------
 Reporter:  collet         |       Owner:  (none)
     Type:  defect (bug)   |      Status:  new
 Priority:  normal         |   Milestone:  Awaiting Review
Component:  Bundled Theme  |     Version:  5.3
 Severity:  normal         |  Resolution:
 Keywords:  needs-testing  |     Focuses:  css
---------------------------+------------------------------
Description changed by sabernhardt:

Old description:

> To reproduce the issue:
>
> - In the customizer inside the Colors panel set the Background Color to
> #000, it will generate a white text color
> - In the editor, insert a block that supports background color (e.g.
> Paragraph) and select Background Color or Subtle Background as the
> background color using the color palette.
>
> The text color is black instead of white, which makes the text
> unreadable.
>
> The issue (front-end and editor) is caused by the CSS (which set the text
> to black) at the following lines:
>
> https://github.com/WordPress/WordPress/blob/master/wp-
> content/themes/twentytwenty/style.css#L2730
> https://github.com/WordPress/WordPress/blob/master/wp-
> content/themes/twentytwenty/style.css#L2739
> https://github.com/WordPress/WordPress/blob/master/wp-
> content/themes/twentytwenty/assets/css/editor-style-block.css#L198
> https://github.com/WordPress/WordPress/blob/master/wp-
> content/themes/twentytwenty/assets/css/editor-style-block.css#L207

New description:

 To reproduce the issue:

 - In the customizer inside the Colors panel set the Background Color to
 `#000`, it will generate a white text color
 - In the editor, insert a block that supports background color (e.g.
 Paragraph) and select Background Color or Subtle Background as the
 background color using the color palette.

 The text color is black instead of white, which makes the text unreadable.

 The issue (front-end and editor) is caused by the CSS (which set the text
 to black) at the following lines:

 - [source:tags/5.3/src/wp-content/themes/twentytwenty/style.css#L2730
 style.css line 2730]
 - [source:tags/5.3/src/wp-content/themes/twentytwenty/style.css#L2739
 style.css line 2739]
 - [source:tags/5.3/src/wp-content/themes/twentytwenty/assets/css/editor-
 style-block.css#L198 editor-style-block.css line 198]
 - [source:tags/5.3/src/wp-content/themes/twentytwenty/assets/css/editor-
 style-block.css#L207 editor-style-block.css line 207]

--

-- 
Ticket URL: <https://core.trac.wordpress.org/ticket/48726#comment:2>
WordPress Trac <https://core.trac.wordpress.org/>
WordPress publishing platform