Merge pull request #122 from microbiomedata/120-pwa-is-not-installabl…

…e-and-does-not-set-theme-color-for-address-bar

Make PWA installable and customize favicon

index.html

@@ -6,6 +6,7 @@
 
     <base href="/" />
 
+    <meta name="theme-color" content="#00aae7" />
     <meta name="color-scheme" content="light dark" />
     <meta
       name="viewport"

public/manifest.json

@@ -4,50 +4,20 @@
   "description": "Mobile app for metadata collection on the go",
   "icons": [
     {
-      "src": "../icons/icon-48.webp",
+      "src": "favicon.png",
       "type": "image/png",
-      "sizes": "48x48",
-      "purpose": "any maskable"
-    },
-    {
-      "src": "../icons/icon-72.webp",
-      "type": "image/png",
-      "sizes": "72x72",
-      "purpose": "any maskable"
-    },
-    {
-      "src": "../icons/icon-96.webp",
-      "type": "image/png",
-      "sizes": "96x96",
-      "purpose": "any maskable"
-    },
-    {
-      "src": "../icons/icon-128.webp",
-      "type": "image/png",
-      "sizes": "128x128",
-      "purpose": "any maskable"
-    },
-    {
-      "src": "../icons/icon-192.webp",
-      "type": "image/png",
-      "sizes": "192x192",
-      "purpose": "any maskable"
-    },
-    {
-      "src": "../icons/icon-256.webp",
-      "type": "image/png",
-      "sizes": "256x256",
+      "sizes": "512x512",
       "purpose": "any maskable"
     },
     {
-      "src": "../icons/icon-512.webp",
-      "type": "image/png",
+      "src": "favicon.webp",
+      "type": "image/webp",
       "sizes": "512x512",
       "purpose": "any maskable"
     }
   ],
   "start_url": ".",
   "display": "standalone",
-  "theme_color": "#ffffff",
-  "background_color": "#FFFFFF"
+  "theme_color": "#00aae7",
+  "background_color": "#ffffff"
 }