White icons on a white background.

[hboetes]

The white icons on the top row require a dark background or else they are hard to see/invisible. We have a few company wallpapers which look really great but have a few white spaces.

I know subtitles had the same problem and a technical solution was to add a dark edge around the letters, so as a workaround, I used the custom CSS extension and added the code below, which helps with some icons, but most are unaffected:

svg {
  filter: drop-shadow(3px 3px 3px rgb(0, 0, 0, 10));
}

This is not a request for help, this is a request for a universal solution, one which works for everyone.

[florianwgnr]

This issue is even worse/can be seen as a bug on desktop or mobile when using the three dots to display other installed apps:

(Using Firefox 107)

[X4LD1M0]

I can confirm that with 25.0.1 it still shows white icons on a light background. This makes it difficult to use with certain backgrounds:

Even trying a solid colour, for example white, still shows white icons.

Or it should be dynamic, by using the background image colours, or able to set through the imaging app. Preferable would be dynamic, since if users are able to set their own background it would require to fit with the colour of that background.

[Ziginox]

Tossing my vote in for this one. If you have an image that is at all light, the top row of icons becomes nearly invisible. I'm not sure what the best option would be for fixing this. Perhaps giving the admin/user an option to add a drop shadow or to change the color of the icons would work.

[xylo]

Same with NC 25.0.4: