[EuiIcon] Multi-color app icons don't respect custom color strings

[cchaos]

EuiIcon allows coloring icons via any valid color string or by one of our named color strings that match the branding colors. The app style icons have 2 colors. One that is the inherited fill and the other which uses the class .euiIcon__fillSecondary to fill with a different color.

Our docs specify that passing the color prop will override both the basic fill and the secondary fill.

This works properly when the value of color that is passed is one of our named colors like primary or text:

However, it doesn't properly work when passing a custom color string like a hex value or red:

[ays14]

Hi @cchaos ,

I would like to take it up. Can you assign it to me?
Let me know your response. I'd like to ask a few things about the application.

[cchaos]

Hi @ays14 👋 . We don't actually assign issues to community members, but you are free to work on any issues in our issue list. Usually a simple message of "Hey I'm working on this" will suffice.

[batistaleandro]

I'm working on this one

[ays14]

Thanks for letting me know @cchaos. And @batistaleandro is taking this up, so I think I'll lookout for any other issue.