Colors with opacity values not editable in Styles

[ellenbauer]

Description

Block themes can set rgba or hex color with opacity (Hexadecimal colors) in theme.json.

In the block editor these color values can be edited as the color picker has the opacity setting, as seen in the screenshot below.

In Styles the color values can not be edited, which can be considered a bug, I feel. The opacity setting is not available and it is not possible to add the needed 8 values to the hex color settings, e. g. #FF000033 for the color red with 20% opacity.

Before editing the color in Styles:

After trying to change the color value but keeping the 33 for opacity:

Step-by-step reproduction instructions

1. I would expect the same color settings in both editors.

2. At least the hex value could allow 8 numbers, so the opacity could be maintained in the color value.

Screenshots, screen recording, code snippet

No response

Environment info

Wordpress 6.0.1
Theme Aino
Gutenberg plugin 13.8.1
Gutenberg plugin deactivated causes the same behaviour

Please confirm that you have searched existing issues in the repo.

Yes

Please confirm that you have tested with all plugins deactivated except Gutenberg.

Yes

[ndiego]

@ellenbauer and @marceloaof when you have a chance, give #43045 a test and see if that resolved these issues. Thanks!

[ellenbauer]

@ndiego Amazing, Nick, I will test tomorrow, so exciting!!!

[ellenbauer]

This works for me 😍 thanks so much for providing this solution @ndiego