feat: custom icons in tray

jakehamilton commented 2 years ago

Waybar allows for customizing the output of most modules. It would be awesome to let users replace applet icons with their own. This would make the bar's style even more consistent.

I see two possible ways people would want to use this feature. The first being with an icon font like is common with other blocks. Here's an example of what that config might look like:

{
  "layer": "top",
  "modules-right": ["tray"],
  "tray": {
    "icons": {
      "discord": "icon-font-char-here"
    }
  }
}

The atlernative would be to use images similar to what is done today:

{
  "layer": "top",
  "modules-right": ["tray"],
  "tray": {
    "icons": {
      "discord": "/path/to/image.png"
    }
  }
}

I suppose it's also possible to support both options if we're comfortable adding multiple entries to the tray config (eg. fontIcons and imageIcons).

Of course, this will only be possible if there's something (like app id) that we can match on. I'm not very familiar with how applets or the system surrounding it work, so I'm not sure if this is possible. It seems like something that should be doable.