Is there any way to modify the font color of tray only?

[HyperCherry]

I want to modify the font color of tray only and don't want to modify all the font color of widgets.
I have tried

#tray{
    color: #ffffff;
}

#tray menu{
    color: #ffffff;
}

#tray > .passive{
    color: #ffffff;
}

#tray > .active{
    color: #ffffff;
}

#tray > .needs-attention{
    color: #ffffff;
}

but it's doesn't attempted to be white(#ffffff).How to solve it?

[giomf]

Im also interested.
Currently my menu font color is quite the same as the background color which makes it really hard to read.
Would like to change it.

Did you manage to solve it?

[sandmuel]

The issue here is that you are changing the text color of the tray itself, not it's children (the buttons)

I've used the following to change the background color of the buttons on hover:

#tray menu *:hover {
    background: rgba(255,255,255,0.3);
}

To change the text color of the buttons you could probably do the following:

#tray menu * {
    color: #ff0000;
}

This likely isn't a 'good way' to be doing this since it changes all children (from what I've noticed it should matter too much as the buttons seem to be the only children, but it might not stay this way).

[distek]

Figured this out today:
#2569 (comment)

#tray menu menuitem:hover {
  background-color: #000000;
  color: #ffffff;
}

Doc link for GTK's menuitem:
https://lazka.github.io/pgi-docs/Gtk-3.0/classes/MenuItem.html#class-details

[Heus-Sueh]

I'm not able to change the color of the network icon in the tray, and the method you showed didn't work, this is my css config:

https://privatebin.net/?ceec6421acf9b12e#8DspK5a1Rs7QUDbBqcQkCGHyeF54aF72vcPTLGG5XxH1

[sandmuel]

This method is not intended to change the tray icon color, it changes the color of the font used in the menu dropdown when you right click on an icon in the tray.