[data-id="mediaTree"] svg:hover {
	fill: @largeIconHoverColor;
}

[data-id="mediaTree"] .lvItem:hover svg {
	fill: @largeIconHoverColor;
}

You'll first need a selector for the "parent" of the icons you're trying to modify. Not sure what you mean by "Home main list", so I'm gonna assume you mean the media tree on the left. The CSS selector [b][data-id="mediaTree"][/b] will work for that.

Then you need a selector for the icons. [b]svg[/b] works, because all icons are SVG.

Lastly, you need to add a [b]:hover[/b] selector, depending on when you want to trigger the color to change. If you want it to ONLY change when you mouse over the icon itself, this'll work:

[code][data-id="mediaTree"] svg:hover {
fill: @largeIconHoverColor;
}[/code]

fyi this is assuming you set @largeIconHoverColor as a LESS variable.

If you want it to change when you mouse over the associated list item in the media tree, you'll also need the [b].lvItem[/b] selector, which is a CSS class applied to each item in a List View:

[code][data-id="mediaTree"] .lvItem:hover svg {
fill: @largeIconHoverColor;
}[/code]

Is there a way to change the actual color of the large icons that you see in the Home main list when you hover over them? I can change the background color when hovering, but I want to change the color of the icon itself. I've tried adding a .largeIconHoverColor definition in the Icons.add.less file and calling it from a listview.add.less command and from within the icons.add.less file, but these don't seem to work.
Thank you.