Twenty Twenty: Button styles produce inconsistent output and cannot be edited

[nrqsnchz]

Running Gutenberg Version 7.9.0-rc.1
Running Twenty Twenty Version: 1.2

When using the 'Buttons' block, I noticed that the button styles for 'Default' and 'Outline' produce the same output on both the editor and the front-end. I'm also noticing that the style preview looks the same for both.

Also important to note that any changes to the text and background colors on both button styles produce no effect.

[poena]

I see a visible white outline, both in your picture and in the theme, almost as if the colors were reverted; of course, the outline style is not meant to be filled in.

[nrqsnchz]

I see a visible white outline

Thank you @poena. I'll update the ticket.

[kjellr]

49896.patch​ should get the outline/filled styles working when the plugin is active, while also retaining support for older versions (It does not fix the custom colors).

[ianbelanger]

Thanks @kjellr, I'll test it and get it committed.

There also appears to be an issue in the Gutenberg plugin with backwards compatibility in the button block. I have reported it upstream ​https://github.com/WordPress/gutenberg/issues/21828

Getting the back compat issue fixed will hopefully fix the color option issues.

[ianbelanger]

Patch looks for good for the button style issue, so I am marking for commit. Hopefully the color issue will be fixed upstream.

[ianbelanger]

In 47614:

Bundled Themes: Twenty Twenty button styles produce inconsistent output and cannot be edited.

Fixes the issue with button styles not working when the Gutenberg plugin is activated while maintaining backwards compatibility.

Props nrqsnchz, poena, kjellr.
Fixes #49896.