[Help] How to make tray icons grayscale

Alexays / Waybar

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

MIT License

6.42k stars 696 forks source link

[Help] How to make tray icons grayscale #3194

Open Aman9das opened 5 months ago

Aman9das commented 5 months ago

I would like to desaturate the tray icons. Is it possible through the style.css?

haug1 commented 5 months ago

Maybe this is helpful:

#tray > * {
  opacity: 0.5;
}

Aman9das commented 5 months ago

Thanks, but unfortunately it made the tray icons less bright/transparent but i want them to be black and white

Iss-in commented 5 months ago

find the source of tray icon and edit the image to grayscale version

RobertMueller2 commented 5 months ago

This might eventually become possible via CSS with #2815. GTK4 CSS supports filter attribute (see https://docs.gtk.org/gtk4/css-properties.html), GTK3 does not. Then you might be able to use grayscale() or saturate() filter functions.