remove icon background

public/icon.svg

@@ -1,7 +1,5 @@
 <?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" />

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"
     }
   ]
 }