Tray module menu hover styling

Alexays / Waybar

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

MIT License

6.8k stars 715 forks source link

Open Diaoul opened 1 year ago

Diaoul commented 1 year 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 1 year ago

Try it:

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

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

distek commented 11 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;
}