I’ve been implementing some branding updates over at the Infinite Flight Community recently. One of these was adjusting the header colour and icons.
Our “logo small” is now light-on-dark, which looks good on the Discourse end. However, some of our users have used the “add to home screen” functionality on Chrome on Android (may be present in other aosp-based browsers too, haven’t confirmed). It turns out that “logo small” is used as the icon when added to the home screen; this icon is then showed on the Chrome loading screen if opened from the home screen icon:
This doesn’t look very good. On iOS we have the “apple touch icon” option which can be changed, but as far as I can tell, there isn’t a way to separate the small icon from the Chrome home screen icon. Ideally I’d like to set this icon with a background colour, or to use our inverted icon.
Is there any way around this? Apologies if this is a duplicate as I couldn’t find anything else on this topic.