feat: custom icons in tray

[jakehamilton]

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.

[sentientmachin3]

This is exactly what I was looking for.

[antidoid]

Any Updates on this?

[LukashonakV]

Hi @antidoid , not sure can you check whether it PR1978 solves current enhancement.

[rickalex21]

That would be sick.

[5p4r74cu5]

I would love this feature.

[AidanNotFunny]

This would be great to see, so I can make my tray icons integrate more with my system.

[Givemegitpls]

I want it! I need it!

[BonfireAtNight]

This would be exactly what I was looking for.

[aspauldingcode]

Is this still not possible????

[bashfulrobot]

Another vote. :+1:

[aspauldingcode]

I think adding a tray shade/hue overlay would be good too. like grayscale or sepia or a custom tint, where all icons are shaded the same.