The header icons are not visible when choosing a light background

[szaimen]

How can we work around the following issue?

The header icons are not visible when choosing a light background image (same for admin chosen background image):

What about adding a switch that allows to invert the header icons? (I fear Ii don't see any other good solution to automate this)

cc @nimishavijay @jancborchardt

[jancborchardt]

I mean, they are also not properly visible if you pick a checkerboard background or something like that.

If you pick a custom background, the automatic color extraction by @skjnldsv will mostly take care of it (and set e.g. white as background color, so the icons would then be dark).

However if the majority of the image is not white, it can still be fixed by changing the color. No additional setting needed I'd say.

[szaimen]

If you pick a custom background, the automatic color extraction by @skjnldsv will mostly take care of it (and set e.g. white as background color, so the icons would then be dark).

I fear this is not how it works in my testing unfortunately... See the screenshot I've sent. (It chose dark blue for an almost completel white picture...

[skjnldsv]

If you pick a custom background, the automatic color extraction by @skjnldsv will mostly take care of it (and set e.g. white as background color, so the icons would then be dark).

No, this will not work reliably.
Have a look at an image like this, bright top-left header, so icons are not visible. But overall luminance is nowhere bright :)
Such edge cases are impossible to automate imho

[skjnldsv]

However if the majority of the image is not white, it can still be fixed by changing the color. No additional setting needed I'd say.

The invert of the top header is not based on the primary colour.

[szaimen]

What about adding a switch that allows to invert the header icons? (I fear Ii don't see any other good solution to automate this)

What about this idea?

[skjnldsv]

What about adding a switch that allows to invert the header icons? (I fear Ii don't see any other good solution to automate this)

What about this idea?

For me the only one that would work.
Automating this is not easily (if at all) doable unfortunately

[florianwgnr]

Duplictates/same problem #35300

App-Dropdown on mobile (with the default background) does not show any icons because the icons are white and the dropdown is white.

[szaimen]

What about adding a switch that allows to invert the header icons? (I fear Ii don't see any other good solution to automate this)

What about this idea?

For me the only one that would work. Automating this is not easily (if at all) doable unfortunately

@jancborchardt would this be fine for you as well?

[florianwgnr]

It seems as if this issue is already fixed within the nextcloud instant trial:
Fresh installation (manually):

Nextcloud Instant Trial:

(Firefox 107)