Icon color overrided

[maximebj]

Hi everyone

I have this issue:

The result should be:

(and the icon is not centered)

It seems than it comes from this CSS:

.components-button.block-editor-block-switcher__no-switcher-icon:disabled .block-editor-block-icon.has-colors { color: #555d66!important; }

My Icon declaration:

icon: { background: '#874476', foreground: "#fff", src: 'warning' },

Are you aware of this bug? Thanks!

[jorgefilipecosta]

I was able to verify this issue in the last version of WordPress, in the master branch, the problem is not happening now because we have the group transform available for all the blocks if we disable the group block the problem starts happening again. Thank you for reporting this issue @maximebj I think it is an unknown bug.

[maximebj]

Glad I can help (at my level) :)

[jorgefilipecosta]

It seems the color change is intentional to make the user aware that the icon is in a disabled state. The problem is that the background color is not being changed, which may cause the icon to look wrong or even totally unreadable; PR #16390 fixes this problem.