UI: Various pwa manifests fixes (#5669)

* UI: Manifest changes and new square SVG to be used by PWA's
* UI: Fix manifest to include smaller sizes
* Make a maskable icon with a background so it can be seen on most platforms
* UI: Anti-Flashbang

Make the background colour the same as the background as stash

ui/v2.5/public/manifest.json

@@ -1,16 +1,30 @@
 {
   "short_name": "Stash",
   "name": "Stash: Porn Organizer",
+  "description": "Stash allows you to organize and view your own collection of adult video and image files. Think of it like a private PornHub site for your personal porn collection. ",
   "icons": [
     {
-      "src": "favicon.ico",
-      "sizes": "64x64 32x32 24x24 16x16",
-      "type": "image/x-icon"
+      "src": "stash_icon.svg",
+      "sizes": "any",
+      "type": "image/svg+xml",
+      "purpose": "maskable any"
+    },
+    {
+      "src": "stash_icon.png",
+      "sizes": "256x256 64x64 32x32 24x24 16x16",
+      "type": "image/png",
+      "purpose": "maskable any"
+    },
+    {
+      "src": "favicon.png",
+      "sizes": "256x256 64x64 32x32 24x24 16x16",
+      "type": "image/png",
+      "purpose": "monochrome"
     }
   ],
   "start_url": "/",
   "scope": ".",
   "display": "standalone",
-  "theme_color": "#000000",
-  "background_color": "#ffffff"
+  "theme_color": "#394b59",
+  "background_color": "#202b33"
 }

ui/v2.5/public/stash_icon.svg

@@ -0,0 +1,135 @@
+<?xml version="1.0" encoding="UTF-8" standalone="no"?>
+<!-- Created with Inkscape (http://www.inkscape.org/) -->
+
+<svg
+   width="256"
+   height="255.99998"
+   id="svg2"
+   version="1.1"
+   inkscape:version="0.48.4 r9939"
+   sodipodi:docname="stash.svg"
+   viewBox="0 0 256.00031 256.0003"
+   inkscape:export-filename="stash_icon.png"
+   inkscape:export-xdpi="96"
+   inkscape:export-ydpi="96"
+   xmlns:inkscape="http://www.inkscape.org/namespaces/inkscape"
+   xmlns:sodipodi="http://sodipodi.sourceforge.net/DTD/sodipodi-0.dtd"
+   xmlns="http://www.w3.org/2000/svg"
+   xmlns:svg="http://www.w3.org/2000/svg"
+   xmlns:rdf="http://www.w3.org/1999/02/22-rdf-syntax-ns#"
+   xmlns:cc="http://creativecommons.org/ns#"
+   xmlns:dc="http://purl.org/dc/elements/1.1/">
+  <defs
+     id="defs4">
+    <filter
+       style="color-interpolation-filters:sRGB"
+       inkscape:label="Drop Shadow"
+       id="filter15"
+       x="-0.05306626"
+       y="-0.076049218"
+       width="1.1191703"
+       height="1.1707829">
+      <feFlood
+         result="flood"
+         in="SourceGraphic"
+         flood-opacity="0.498039"
+         flood-color="rgb(51,51,51)"
+         id="feFlood14" />
+      <feGaussianBlur
+         result="blur"
+         in="SourceGraphic"
+         stdDeviation="3.391827"
+         id="feGaussianBlur14" />
+      <feOffset
+         result="offset"
+         in="blur"
+         dx="2.000000"
+         dy="2.000000"
+         id="feOffset14" />
+      <feComposite
+         result="comp1"
+         operator="in"
+         in="flood"
+         in2="offset"
+         id="feComposite14" />
+      <feComposite
+         result="comp2"
+         operator="over"
+         in="SourceGraphic"
+         in2="comp1"
+         id="feComposite15" />
+    </filter>
+  </defs>
+  <sodipodi:namedview
+     id="base"
+     pagecolor="#ffffff"
+     bordercolor="#666666"
+     borderopacity="1.0"
+     inkscape:pageopacity="0.0"
+     inkscape:pageshadow="2"
+     inkscape:zoom="1.1621094"
+     inkscape:cx="272.2014"
+     inkscape:cy="-3.3966829"
+     inkscape:document-units="px"
+     inkscape:current-layer="layer1"
+     showgrid="false"
+     inkscape:window-width="1920"
+     inkscape:window-height="1017"
+     inkscape:window-x="-8"
+     inkscape:window-y="-8"
+     inkscape:window-maximized="1"
+     fit-margin-top="0"
+     fit-margin-left="0"
+     fit-margin-right="0"
+     fit-margin-bottom="0"
+     inkscape:showpageshadow="2"
+     inkscape:pagecheckerboard="0"
+     inkscape:deskcolor="#d1d1d1"
+     inkscape:export-bgcolor="#24242400">
+    <inkscape:page
+       x="0"
+       y="0"
+       width="256.00031"
+       height="256.00031"
+       id="page2"
+       margin="0"
+       bleed="0" />
+  </sodipodi:namedview>
+  <metadata
+     id="metadata7">
+    <rdf:RDF>
+      <cc:Work
+         rdf:about="">
+        <dc:format>image/svg+xml</dc:format>
+        <dc:type
+           rdf:resource="http://purl.org/dc/dcmitype/StillImage" />
+      </cc:Work>
+    </rdf:RDF>
+  </metadata>
+  <g
+     inkscape:groupmode="layer"
+     id="layer2"
+     inkscape:label="Layer 2">
+    <rect
+       style="fill:#242424;fill-opacity:1;stroke-width:0.982009"
+       id="rect17"
+       width="256.0011"
+       height="256.07516"
+       x="1.3057871e-07"
+       y="-0.06748686"
+       ry="18.07061"
+       rx="10.756315" />
+  </g>
+  <g
+     inkscape:label="Layer 1"
+     inkscape:groupmode="layer"
+     id="layer1"
+     transform="translate(-180.90625,-335.34375)">
+    <path
+       style="fill:#a08069;fill-opacity:1;stroke:none;stroke-width:0.775662;filter:url(#filter15)"
+       d="m 308.68104,408.60174 -64.43628,19.31216 -12.3475,16.08936 56.07724,20.1486 16.26431,-20.32082 4.27506,1.86972 4.27504,-1.86972 16.93304,20.83745 55.5757,-20.32081 -12.99234,-17.44244 z m 0,5.26472 45.06719,13.70301 -45.06719,13.03879 -45.54484,-13.55541 z m 3.53469,40.2972 -0.16718,61.30689 59.85074,-25.24112 0.16719,-34.36826 -44.87612,15.22831 -13.15954,-16.92582 z m -8.62176,0.17222 -13.15953,16.92581 -44.87611,-15.2283 0.16717,34.36825 59.85075,25.24111 -0.16717,-61.30687 z"
+       id="path3824"
+       inkscape:connector-curvature="0"
+       sodipodi:nodetypes="cccccccccccccccccccccccccccccc" />
+  </g>
+</svg>