styling for system tray

[sagax]

Checklist before submitting an issue

• I have searched through the existing closed and open issues for eww and made sure this is not a duplicate
• I have specifically verified that this bug is not a common user error
• I am providing as much relevant information as I am able to in this bug report (Minimal config to reproduce the issue for example, if applicable)

Description of the bug

Examples of styling the context menu for icons in the system tray are needed, please

Reproducing the issue

No response

Expected behaviour

No response

Additional context

No response

Platform and environment

Linux, X11, Xmonad, openSUSE Tumbleweed, X64

[hypernova7]

#1161 (comment)

[hypernova7]

Here is something more complete, these styles can be used to add an arrow to the options that are submenus

menu {
  padding: 5px;
  background-color: $black;
  color: #fff;

  menuitem {
    border-radius: 5px;
    padding: 8px 12px;
    background-color: transparent;
    transition: all .2s ease;

    &:backdrop {
      background-color: $background;
    }
  }

  menuitem arrow {
    min-width: 16px;
    min-height: 16px;

    &:dir(ltr) {
      -gtk-icon-source: -gtk-icontheme('pan-end-symbolic');
      margin-left: 10px;
      margin-right: 0;
    }
  }

  menuitem:hover {
    background-color: $blue;
  }
}

[sagax]

It's work, thanks.

It would be great to create a page about widget styling and widget parts.