manifest.json

{
  "name": "Colordinates - Where the hue are you?",
  "short_name" : "Colordinates",
  "description" : "Colordinates uses your devices geographic position to display a color swatch and the HSLA color value",
  "scope": "/colordinates/",
  "icons": [
       {
      "src": "webclip-128x128.png",
      "sizes": "128x128",
      "type": "image/png"
    },
    {
      "src": "webclip-144x144.png",
      "sizes": "144x144",
      "type": "image/png"
    },     
    {
      "src": "webclip-196x196.png",
      "sizes": "196x196",
      "type": "image/png"
    },    
    {
      "src": "webclip-512x512-maskable.png",
      "sizes": "512x512",
      "type": "image/png",
      "purpose": "maskable any"
    }
  ],
  "screenshots" : [
    {
      "src": "colordinates-screenshot.webp",
      "sizes": "540x720",
      "type": "image/webp"
    },
    {
      "src": "colordinates-screenshot-dark.webp",
      "sizes": "540x720",
      "type": "image/webp"
    }
  ],
  "start_url": "/colordinates/",
  "display": "standalone",
  "theme_color": "#699da0",
  "background_color": "#699da0"
}