Twenty Twenty: Issue with primary color when using Gutenberg

[grafruessel]

Hi there,

I found an error in css , when working with gutenberg editor in backend.

When I select the primary color as background color the row editable functions dont work due to css error.

This class should be fixed:

.has-background.has-accent-background-color *:not(.has-text-color) {
    color: #f9f9f9;
}

We can just delete this class or where else is it needed?

Thanks Niko

[grafruessel]

Steps to reproduce:

1. edit a page
2. select gutenberg block "Media & Text"
3. on the text side use a background color in dark
4. the editable sections becomes light (photo attached)

Expected behaviour:
the buttons should stay visible

Current behaviour:
the text color is almost the background color #f9f9f9

[nielslange]

#48723 was marked as a duplicate.

[ianbelanger]

#48723 was marked as a duplicate.

[melchoyce]

Able to reproduce running WordPress 5.3, Twenty Twenty 1.0, and Gutenberg 7.0.0.

@karmatosed is unable to reproduce on WordPress 5.4-alpha-46812, Twenty Twenty 1.0, and Gutenberg master — so it might be fixed in Gutenberg master?

[grafruessel]

@karmatosed, @melchoyce nope the error still exists.

Just tested with development version (5.4-alpha-46829) and with development version (5.4-alpha-46885)
Both versions you don't see the right color.
Twenty TwentyVersion: 1.0

I don't where I can check the Gutenberg Version.

If anyone want a login to the backend, just write me in slack. (same name)

[melchoyce]

Thanks @grafruessel. You'd only be running the Gutenberg Master branch if you have it installed via the GitHub repo (vs. the latest plugin release, or the version in core).