Left sidebar: Badge counter doesn't use primary color

[st3iny]

Describe the bug

The badge counters in the left sidebar don't use the primary color. They use the primary color in other apps (e.g. Mail).

Steps to reproduce

1. Open the Contacts app.
2. Observe left sidebar.

Expected behavior

The badge counter should use the primary color.

Actual behavior

They are gray.

Take a look at the Mail app for comparison:

Contact version

main

[st3iny]

cc @GretaD You already had an idea how to fix this easily.

[GretaD]

yes, do the same in contacts like we did on mail: https://github.com/nextcloud/mail/pull/7058

the appnavigationcounter is not used anymore

[ChristophWurst]

appnavigationcounter should be marked for deprecation then

[GretaD]

appnavigationcounter should be marked for deprecation then

it is on vue: https://github.com/nextcloud/nextcloud-vue/blob/master/src/components/NcAppNavigationCounter/NcAppNavigationCounter.vue