I changed the hover color in the main view, but this is also being applied in the Tracklist grid and I would like it to operate the way it does in the default Material Design skin where the hover color is slightly darker than the existing background.
Here is what I have now:
The code I am trying to get to work is:
Code: Select all
//Color for tracklists in grids
@popupBgColor: mix(@highlightColor, @baseColor, 20%);
@popupColor: contrast(@popupBgColor, black, white);
[data-control-class=TracklistGrid] .lvPopup .lvItem {
&[data-hover]:not([data-disabled]) {
background-color: @popupBgColor!important;
color: @popupColor!important;
}
&[data-selected][data-hover] {
background-color: @popupColor;
color: @popupBgColor;
}
}
Thanks for your help.