update public web icons

web/public/browserconfig.xml

@@ -3,7 +3,8 @@
     <msapplication>
         <tile>
             <square150x150logo src="/mstile-150x150.png"/>
-            <TileColor>#00a300</TileColor>
+            <TileColor>#00a572</TileColor>
+            <TileImage src="/mstile-150x150.png" />
         </tile>
     </msapplication>
 </browserconfig>

web/public/index.html

@@ -11,10 +11,11 @@
     <meta name="viewport" content="width=device-width, shrink-to-fit=no, viewport-fit=cover, user-scalable=no">
     <meta name="description" content="TorrServer - torrent to http stream">
     <title>TorrServer MatriX</title>
+    <link rel="shortcut icon" href="/favicon.ico">
     <link rel="icon" type="image/png" sizes="32x32" href="/favicon-32x32.png">
     <link rel="icon" type="image/png" sizes="16x16" href="/favicon-16x16.png">
-    <link rel="apple-touch-icon" href="apple-touch-icon.png">
     <meta name="apple-mobile-web-app-capable" content="yes">
+    <link rel="apple-touch-icon" href="icon.png">
     <link rel="apple-touch-startup-image" href="apple-splash-2048-2732.jpg" media="(device-width: 1024px) and (device-height: 1366px) and (-webkit-device-pixel-ratio: 2) and (orientation: portrait)">
     <link rel="apple-touch-startup-image" href="apple-splash-2732-2048.jpg" media="(device-width: 1024px) and (device-height: 1366px) and (-webkit-device-pixel-ratio: 2) and (orientation: landscape)">
     <link rel="apple-touch-startup-image" href="apple-splash-1668-2388.jpg" media="(device-width: 834px) and (device-height: 1194px) and (-webkit-device-pixel-ratio: 2) and (orientation: portrait)">

web/public/site.webmanifest

@@ -3,8 +3,8 @@
   "short_name": "TorrServer",
   "icons": [
     {
-      "src": "manifest-icon-192.maskable.png",
+      "src": "icon.png",
-      "sizes": "192x192",
+      "sizes": "180x180",
       "type": "image/png",
       "purpose": "any"
     },
@@ -15,7 +15,7 @@
       "purpose": "maskable"
     },
     {
-      "src": "manifest-icon-512.maskable.png",
+      "src": "logo.png",
       "sizes": "512x512",
       "type": "image/png",
       "purpose": "any"

web/src/components/About/index.jsx

@@ -57,7 +57,7 @@ export default function AboutDialog() {
           <HeaderSection>
             <div>{t('About')}</div>
             {torrServerVersion}
-            <img src='/apple-touch-icon.png' alt='ts-icon' />
+            <img src='/icon.png' alt='ts-icon' />
           </HeaderSection>
 
           <div style={{ overflow: 'auto' }}>

web/src/components/App/PWAInstallationGuide/index.jsx

@@ -18,7 +18,7 @@ export function PWAInstallationGuide() {
   return (
     <StyledWrapper isOpen={shouldBeOpened}>
       <StyledHeader>
-        <img src='/apple-touch-icon.png' width={50} alt='ts-icon' />
+        <img src='/icon.png' width={50} alt='ts-icon' />
 
         {t('PWAGuide.Header')}