[Bug]: App overflow menu not visible with bright background image

[hyperlink-skylight]

⚠️ This issue respects the following points: ⚠️

• [x] This is a bug, not a question or a configuration/webserver/proxy issue.
• [x] This issue is not already reported on Github OR Nextcloud Community Forum (I've searched it).
• [x] Nextcloud Server is up to date. See Maintenance and Release Schedule for supported versions.
• [x] I agree to follow Nextcloud's Code of Conduct.

Bug description

On small screen size (e.g. mobile) the three dots icon is not visible when the background is bright. The icon color is like white on white background.

Dark- or lightmode does not matter.

Steps to reproduce

1. Set user background to a colorful one. e.g. the white clouds with blue sky
2. Set narrow screen size like on mobile phones
3. Set user background to a bright one. e.g. "morning fog"
4. reload the page and the three dots menu is not visible anymore

Expected behavior

The three dots overflow menu should be visible regardless of the chosen background color. It should adjust its color like the other menu icons.

Nextcloud Server version

31

Operating system

Debian/Ubuntu

PHP engine version

None

Web server

None

Database engine version

None

Is this bug present after an update or on a fresh install?

None

Are you using the Nextcloud Server Encryption module?

None

What user-backends are you using?

• [ ] Default user-backend (database)
• [ ] LDAP/ Active Directory
• [ ] SSO - SAML
• [ ] Other

Configuration report

List of activated Apps

Nextcloud Signing status

Nextcloud Logs

Additional info

I was able to reproduce it on different instances.

Blue background, three dots menu is visible:

Bright background, three dots menu is not visible:

Bright background, three dots menu is visible after deactivating the color from AppMenu.vue: