Twenty Twenty: Table block having issue with color

[nidhidhandhukiya]

Steps to reproduce the issue.

1. Activate Twenty Twenty theme.
2. Take table block.
3. Add some text.
4. Apply background color black or pink.
5. Now apply any color to the text.

You can able to see it will not take the value of that chosen color if black or pink is set as a background color for editor side.
Front side it is working fine it is having issue only in editor side.

I have attached video for better understanding.
Video URL :- ​https://share.cleanshot.com/plqBT1cn6hMbRR5g6Grz

[nidhidhandhukiya]

The reason behind this issue is the below css

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

If we remove that the issue is resolved.

[thakordarshil]

@nidhidhandhukiya
Instead of removing css
Just need small fix

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

[thakordarshil]

Patch Added

[shwetabathani2312]

@thakordarshil Need to update code on functions.php as well as it is working on backend but causing issue on frontend so.

[sabernhardt]

Related: #48684