This is how I implemented it, you’ll need to remove the current icon code then put the paths to the new ones in this JS. (I designed a separate dark mode icon then paired with this JavaScript):
function isDarkMode() { return window.matchMedia && window.matchMedia('(prefers-color-scheme: dark)').matches; } let elem = document.createElement('link'); elem.rel = 'apple-touch-icon'; elem.href = isDarkMode() ? '/splash_screens/icon-dark.png' : '/splash_screens/icon.png'; document.head.appendChild(elem);
The only downside is that it doesn’t update if the user switches icons to light, they would need to reinstall the PWA.
the_juliansanchez
Users receive reputation points by contributing quality content to the forums.
Posts include post and replies published on the forums.
Post authors can mark replies as Accepted to indicate successful solutions.
Apple Developer Forums admins can mark replies as Apple Recommended to indicate an approved solution
Last seen
From
Colorado