Perspective Menu Tree icon color not changing during Hover

Ignition
1

I'm trying to build a Menu Tree that will change color on Hover event and I have this part resolved without a problem. The issue is that I want to change the color of my menu item icons to match the text of the item without hovering over the icon specifically.

Mouse hovering on menu item

image
image830×640 42.4 KB

Mouse hovering on icon of menu item

image
image807×657 43.1 KB

What should I be binding the navIcon and icon color values to in order for them to match the color of the item text while hovering?

2

I was able to achieve this using the advanced stylesheet by providing it with this CSS text:

.ia_menuTreeComponent__item:hover {
	color: red;
	fill: red;
}

.ia_menuTreeComponent__item__navIcon {
	fill: inherit;
}

.ia_menuTreeComponent__item__icon, .ia_menuTreeComponent__header__icon {
	fill: inherit;
}
3

That worked perfectly! Thank you!