Liquid Glass Icon Support for Progressive Web Apps (PWAs)

Hello there,

Is it possible to customize the appearance of PWA icons for Liquid Glass? There was a similar question regarding the different icon appearances a few years ago (see thread). Though, as there never was a real conclusion I want to check if there are ways to achieve this by now?

So, is it possible to define custom PWA icons for the dark and monochrome (now clear) modes? Can we maybe even use a fully custom Icon Composer icon for Safari PWAs?

The icons attribute supports a purpose object with the value monochrome. Can this be used in any way here?

If there is no way to customize it, is there at least a way to stop the auto conversion? In my case the white background get’s automatically replaced with the dark mode gradient, but for some reason the black logo isn’t converted/inverted to white leading to black on black logo. Which of course is not intended!

I’d appreciate any help or pointer to a resource on that.

Liquid Glass Icon Support for Progressive Web Apps (PWAs)
 
 
Q