remove icon background

public/icon.svg

@@ -1,21 +1,19 @@
 <?xml version="1.0" encoding="UTF-8"?>
-<svg width="512" height="512" fill="#fff" version="1.1" viewBox="0 0 135.47 135.47"
-  xmlns="http://www.w3.org/2000/svg" xmlns:cc="http://creativecommons.org/ns#">
-  <rect width="100%" height="100%" fill="#09f"/>
+<svg width="512" height="512" fill="#09f" version="1.1" viewBox="0 0 135.47 135.47" xmlns="http://www.w3.org/2000/svg">
   <g transform="translate(0 -161.53)">
     <g transform="matrix(1.0344 0 0 1.0869 -2.0685 -19.991)">
-    <rect x="9.9294" y="224.55" width="5.9939" height="23.366" rx="2.997" ry="2.997" />
-    <rect x="19.849" y="215.2" width="5.9939" height="41.989" rx="2.997" ry="2.819" />
-    <rect x="29.768" y="211.49" width="5.9939" height="49.213" rx="2.997" ry="2.997" />
-    <rect x="39.688" y="202.01" width="5.9939" height="58.69" rx="2.997" ry="3.0381" />
-    <rect x="49.607" y="198.3" width="5.9939" height="62.402" rx="2.997" ry="2.997" />
-    <rect x="59.526" y="197.97" width="5.9939" height="62.733" rx="2.997" ry="2.997" />
-    <rect x="69.446" y="201.81" width="5.9939" height="58.889" rx="2.997" ry="2.997" />
-    <rect x="79.365" y="211.29" width="5.9939" height="49.412" rx="2.997" ry="2.997" />
-    <rect x="89.285" y="211.75" width="5.9939" height="48.948" rx="2.997" ry="2.997" />
-    <rect x="99.204" y="216.53" width="5.9939" height="44.176" rx="2.997" ry="2.997" />
-    <rect x="109.12" y="223.55" width="5.9939" height="36.886" rx="2.997" ry="2.997" />
-    <rect x="119.04" y="230.78" width="5.9939" height="22.372" rx="2.997" ry="2.997" />
+      <rect x="9.9294" y="224.55" width="5.9939" height="23.366" rx="2.997" ry="2.997" />
+      <rect x="19.849" y="215.2" width="5.9939" height="41.989" rx="2.997" ry="2.819" />
+      <rect x="29.768" y="211.49" width="5.9939" height="49.213" rx="2.997" ry="2.997" />
+      <rect x="39.688" y="202.01" width="5.9939" height="58.69" rx="2.997" ry="3.0381" />
+      <rect x="49.607" y="198.3" width="5.9939" height="62.402" rx="2.997" ry="2.997" />
+      <rect x="59.526" y="197.97" width="5.9939" height="62.733" rx="2.997" ry="2.997" />
+      <rect x="69.446" y="201.81" width="5.9939" height="58.889" rx="2.997" ry="2.997" />
+      <rect x="79.365" y="211.29" width="5.9939" height="49.412" rx="2.997" ry="2.997" />
+      <rect x="89.285" y="211.75" width="5.9939" height="48.948" rx="2.997" ry="2.997" />
+      <rect x="99.204" y="216.53" width="5.9939" height="44.176" rx="2.997" ry="2.997" />
+      <rect x="109.12" y="223.55" width="5.9939" height="36.886" rx="2.997" ry="2.997" />
+      <rect x="119.04" y="230.78" width="5.9939" height="22.372" rx="2.997" ry="2.997" />
     </g>
   </g>
 </svg>

public/index.html

@@ -9,7 +9,7 @@
     <meta http-equiv="Content-Security-Policy" content="default-src 'none'; connect-src *; img-src *; media-src *; manifest-src 'self'; style-src 'self' 'unsafe-inline'; script-src 'self' 'unsafe-eval'; base-uri 'self';">
     <% } %>
     <meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no">
-    <meta name="theme-color" content="#1a1a1a" />
+    <meta name="theme-color" content="#000" />
     <link rel="icon" href="<%= BASE_URL %>icon.svg">
     <link rel=manifest href="<%= BASE_URL %>manifest.webmanifest">
     <script src="<%= BASE_URL %>env.js"></script>

public/manifest.webmanifest

@@ -3,23 +3,14 @@
   "short_name": "Airsonic",
   "start_url": "/",
   "display": "standalone",
-  "theme_color": "#09F",
-  "background_color": "#09F",
+  "theme_color": "#000",
+  "background_color": "#000",
   "icons": [
     {
       "src": "./icon.svg",
-      "type": "image/svg",
-      "sizes": "any"
-    },
-    {
-      "src": "./icon-192x192.png",
-      "type": "image/png",
-      "sizes": "192x192"
-    },
-    {
-      "src": "./icon-512x512.png",
-      "type": "image/png",
-      "sizes": "512x512"
+      "type": "image/svg+xml",
+      "sizes": "any",
+      "purpose": "any"
     }
   ]
 }