Tray module menu hover styling

[Diaoul]

Is there a way to customize the tray menu in hover mode?
Currently it's background "system" blue and color white.

Something like this would be great:

#tray menu-item:hover {
    color: red;
    background-color: green;
}

[AdsonCicilioti]

Try it:

#tray > widget:hover {
    color: red;
    background-color: green;
}

EDIT:
I've try here.. Seems hiver state don't work.

[distek]

Some documentation on what the actual item is named would be fantastic.

Doing this at least changes the background color of the current item:

#tray menu *:hover {
  background-color: @color7;
  color: @background;
}

But it'd be better to know what the actual name of the item in the list is.

Edit: Got it

#tray menu menuitem:hover {
  background-color: @color7;
  color: @background;
}

Doc:
https://lazka.github.io/pgi-docs/Gtk-3.0/classes/MenuItem.html#class-details
See: "CSS nodes"