[wp-trac] [WordPress Trac] #48684: Twenty Twenty: Issue with primary color when using Gutenberg

WordPress Trac noreply at wordpress.org
Thu Jan 11 05:57:46 UTC 2024


#48684: Twenty Twenty: Issue with primary color when using Gutenberg
-----------------------------------------+------------------------------
 Reporter:  grafruessel                  |       Owner:  (none)
     Type:  defect (bug)                 |      Status:  new
 Priority:  normal                       |   Milestone:  Awaiting Review
Component:  Bundled Theme                |     Version:  5.3
 Severity:  normal                       |  Resolution:
 Keywords:  has-screenshots needs-patch  |     Focuses:  css
-----------------------------------------+------------------------------
Changes (by poena):

 * keywords:  has-screenshots needs-testing => has-screenshots needs-patch


Comment:

 I am not able to reproduce the problem with the toolbars in WordPress 6.4,
 with or without Gutenberg active. The block toolbars are fully visible and
 fully functional for me, no matter what background color is used.


 If I change the body background color in the customizer settings to black,
 there are some other contrast issues.

 -In the customizer, open the color option and set the background to the
 first color swatch, the black.
 - Open the block editor and add a media & text block. Set the background
 colot to primary.
 - Notice that the media upload button has an incorrect text color, changed
 by:
 {{{
 .has-background.has-primary-background-color *:not(.has-text-color),
 }}}
 - Change the background color of the media & text block to accent.
 - Notice that the media upload button has an incorrect text color, changed
 by:
 {{{
  .has-background.has-accent-background-color *:not(.has-text-color)
 }}}
 - Insert a group block (or row or stack). Set the background color to
 primary.
 - Try to insert a new block inside the group. Notice that the + in the
 inserter button has the wrong color, changed by:
 {{{
 .has-background.has-primary-background-color *:not(.has-text-color)
 }}}

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


More information about the wp-trac mailing list