Nextcloud-vue: Hover over navigationItem in dark mode returns black triangle

[szaimen]

What is going wrong?

Describe the bug
when hovering over the left sidebar items, the current icon kind of hides, because it gets dark?

To Reproduce
Steps to reproduce the behavior:

1. activate dark mode
2. hover over the items in the left sidebar
3. the icon of the current item hides (gets dark?)

Expected behavior
the icon of the current item should stay visible

Screenshots

Information about your polls installation

Polls version? (see apps page)
1.0

Fresh installation or update from a prior version (from which one)?
upgrade from prior version

How did you install this version?(Appstore or describe installation)
appstore

Information about your Instance of Nextcloud/ownCloud

Nextcloud or ownCloud?
nextcloud

Which Version?
17.0.2

[dartcafe]

Browser, OS? Darkmode activated where?

[szaimen]

Sry:
Browser: Chromium 79 based Browser
OS: Windows 10
Dark mode: only activated in Nextcloud

[dartcafe]

They are not getting dark, but are replaced with a triangle, which indicate, that the section is collapsed.
Compare:

seems to be a bug in vue-nextcloud or in the dark mode.

[dartcafe]

Is that an issue in nextcloud-vue or does it belong to the dark mode?

[skjnldsv]

Most likely the vue components?

[szaimen]

@dartcafe strangely enough the same feature works in nextcloud maps, so I would guess it is noth the vue component but the implementation in your app?
Here is a screenshot from the maps app:

[dartcafe]

@szaimen As far as I can see, maps doesn't use the nextcloud-vue components.
https://github.com/nextcloud/maps/blob/master/package.json

[skjnldsv]

Easy fix https://github.com/nextcloud/nextcloud-vue/blob/89fab6ea8e63592d65519479ac9650cb59343927/src/components/AppNavigationItem/AppNavigationIconCollapsible.vue#L65