feat(AppMenu): add slight opactiy gradient to app icons

[susnux]

• resolves Add a slight opacity gradient to app icons #54141

Summary

Now its a gradient from 100% opacity to 75% opacity.

before	after

If you think you see no difference, this is if I set from 100% to 40% 😉 :

Checklist

• Code is properly formatted
• Sign-off message is added to all commits
• Tests (unit, integration, api and/or acceptance) are included
• Screenshots before/after for front-end changes
• Documentation (manuals or wiki) has been updated or is not required
• Backports requested where applicable (ex: critical bugfixes)

[kra-mo]

Nice, definitely more noticeable with more than 2 icons :)

[kra-mo]

Although now looking at it, it seems like even 65% meets AA contrast levels with our default theme (even though before it looked like it didn't, color spaces are weird), maybe we could try that? That is what I originally got when playing around with the values.

[kra-mo]

Oh and also… would this affect the right-side items like notifications and search? It would be nice if it did.

[szaimen]

LGTM based on the screenshot. Do we know if this effects performance negatively?

[skjnldsv]

Beautiful!!
So glad mask is finally property supported globally

[skjnldsv]

LGTM based on the screenshot. Do we know if this effects performance negatively?

For 5-15 apps, I would be surprised if that would have a noticeable impact. But I'd be curious to be proven otherwise 🤔

[susnux]

Oh and also… would this affect the right-side items like notifications and search? It would be nice if it did.

I have slightly adjust the way it works, by defining a variable for it, this way we can do this in the library.
Then all apps automatically should have the mask applied, see nextcloud-libraries/nextcloud-vue#7242

Also fixed it for the high contrast theme.

[jancborchardt]

@susnux @kra-mo so @AndyScherzinger and I just checked this out and we were wondering if we can go a bit lower than 75% opacity? Cause right now it is very nice, but indeed barely visible if you don’t know about it.

[kra-mo]

@susnux @kra-mo so @AndyScherzinger and I just checked this out and we were wondering if we can go a bit lower than 75% opacity? Cause right now it is very nice, but indeed barely visible if you don’t know about it.

Yeah, I mentioned that I think 65 could work and might be nice.

[skjnldsv]

Guess I misunderstood, see #54418 :)