Tray module menu hover styling

Alexays / Waybar

Highly customizable Wayland bar for Sway and Wlroots based compositors. :v: :tada:

MIT License

6.41k stars 696 forks source link

Open Diaoul opened 11 months ago

Diaoul commented 11 months ago

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 commented 11 months ago

Try it:

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

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

distek commented 9 months ago

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;
}