Customizing icon colour for Widgets Within Widget Controller

Question

Hi,
The client has a specific color requirement for widgets inside which are provided within the widget controller.
Widget SVG Icon:  Is there a possibility to change the color of individual widgets inside the widget controller.

This is what was obtained from experience builder as you can see all widgets have same color.
But I want the icons to be as below.

This was achieved using web app builder.

Thanks.

JeffreyThompson2 · Answer

@PGebhardt_Stone_Env Changing the icon color on hover/select is now supported. Turn on Advanced and then look under Icon Style and set different Icon Colors for the Default, Selected and Hover Tabs.

Setting a different background color for each button is still not supported.

LakshmiRajeevKumar · Answer

Hi, were you able to get a solution to this other than changing the icon color, I am also facing the same issue

OsayabaOdaro · Answer

@PGebhardt_Stone_Env I think the answer to what you are saying has already been covered in this earlier link - Custom Widget Button & Widget Title Bar Colors in ... - Esri Community

The answer in the link is that there are 2 quick methods-

Method #1: Edit the theme.

Method #2: Edit the Widget Controller.

In the Widget Controller settings, go to Advanced and set the color as desired. You can choose different colors for default, selected and hover, so the button will react to user interaction.