Use current-color in svgs

[SimonSimCity]

Avoid the usage of css to define a color on an svg image, but rather in SVG use currentColor.

[codecov]

Codecov Report

Attention: 13 lines in your changes are missing coverage. Please review.

Comparison is base (66fa354) 10.91% compared to head (5746176) 10.70%.
Report is 19 commits behind head on main.

Files	Patch %	Lines
components/track/TrackItem.vue	0.00%	3 Missing ⚠️
components/ProfileMenu.vue	0.00%	2 Missing ⚠️
modules/icons/runtime/components/nuxt-icon.vue	0.00%	2 Missing ⚠️
components/MediaPlayer.vue	0.00%	1 Missing ⚠️
components/SiteLogo.vue	0.00%	1 Missing ⚠️
components/album/AlbumItem.vue	0.00%	1 Missing ⚠️
components/contributor/ContributorListItem.vue	0.00%	1 Missing ⚠️
components/playlist/PlaylistItem.vue	0.00%	1 Missing ⚠️
components/podcast/PodcastItem.vue	0.00%	1 Missing ⚠️

Additional details and impacted files

@@            Coverage Diff             @@
##             main     #262      +/-   ##
==========================================
- Coverage   10.91%   10.70%   -0.21%     
==========================================
  Files          95       97       +2     
  Lines        4306     4389      +83     
  Branches      179      181       +2     
==========================================
  Hits          470      470              
- Misses       3746     3827      +81     
- Partials       90       92       +2     

☔ View full report in Codecov by Sentry.
📢 Have feedback on the report? Share it here.

[github-actions]

Azure Static Web Apps: Your stage site is ready! Visit it here: https://kind-meadow-01b17e903-262.westeurope.3.azurestaticapps.net

[SimonSimCity]

In the preview I could see that the following images have a change:

Fill:

• assets/icons/download.svg
• assets/icons/icon.loading (animation).svg
• assets/icons/queue.svg

Color:

• assets/icons/nav.browse.svg
• assets/icons/nav.favorites.svg
• assets/icons/nav.home.svg
• assets/icons/nav.ios.browse.svg
• assets/icons/nav.ios.favorites.svg
• assets/icons/nav.ios.home.svg
• assets/icons/nav.ios.library.svg
• assets/icons/nav.ios.profile.svg
• assets/icons/nav.ios.search.fill.svg
• assets/icons/nav.library.svg
• assets/icons/nav.profile.svg
• assets/icons/nav.search.svg

I was also surprised how many duplicates we actually have among those images... @sclausen is there a common procedure of extracting those images from Figma, or is there a reason why so many images are duplicated?

[sifferhans]

Looks good! There are a couple of icons with unnecessary fills though:

• download.svg
• icon.loading (animation).svg

Other than that, looks good!

[SimonSimCity]

Fills are fixed now 😎👍

Colors, which I lined out as change should be changed via CSS.

[github-actions]

Azure Static Web Apps: Your stage site is ready! Visit it here: https://kind-meadow-01b17e903-262.westeurope.3.azurestaticapps.net

[github-actions]

Azure Static Web Apps: Your stage site is ready! Visit it here: https://kind-meadow-01b17e903-262.westeurope.3.azurestaticapps.net

[sifferhans]

These still don't look right to me

[sclausen]

@SimonSimCity are you really referring to me? I have to admit that I have absolutely no memory participating in this project at all.

[SimonSimCity]

@sclausen sorry for pulling you in here, I had a typo in the username 🙈 I meant to ping @sclausendk

[SimonSimCity]

@sifferhans the two files you're referring to are not part of the changed files anymore - they're just part of individual commits 🤗

[sifferhans]

@SimonSimCity Ah, right! Then everything looks good to me 😁