change colours

static/browserconfig.xml

@@ -2,8 +2,11 @@
 <browserconfig>
     <msapplication>
         <tile>
+            <square70x70logo src="/mstile-70x70.png"/>
             <square150x150logo src="/mstile-150x150.png"/>
-            <TileColor>#050f14</TileColor>
+            <square310x310logo src="/mstile-310x310.png"/>
+            <wide310x150logo src="/mstile-310x150.png"/>
+            <TileColor>#0b1d28</TileColor>
         </tile>
     </msapplication>
 </browserconfig>

static/site.webmanifest

@@ -2,18 +2,53 @@
     "name": "Isotope",
     "short_name": "Isotope",
     "icons": [
+        {
+            "src": "/android-chrome-36x36.png",
+            "sizes": "36x36",
+            "type": "image/png"
+        },
+        {
+            "src": "/android-chrome-48x48.png",
+            "sizes": "48x48",
+            "type": "image/png"
+        },
+        {
+            "src": "/android-chrome-72x72.png",
+            "sizes": "72x72",
+            "type": "image/png"
+        },
+        {
+            "src": "/android-chrome-96x96.png",
+            "sizes": "96x96",
+            "type": "image/png"
+        },
+        {
+            "src": "/android-chrome-144x144.png",
+            "sizes": "144x144",
+            "type": "image/png"
+        },
         {
             "src": "/android-chrome-192x192.png",
             "sizes": "192x192",
             "type": "image/png"
         },
+        {
+            "src": "/android-chrome-256x256.png",
+            "sizes": "256x256",
+            "type": "image/png"
+        },
+        {
+            "src": "/android-chrome-384x384.png",
+            "sizes": "384x384",
+            "type": "image/png"
+        },
         {
             "src": "/android-chrome-512x512.png",
             "sizes": "512x512",
             "type": "image/png"
         }
     ],
-    "theme_color": "#050f14",
-    "background_color": "#050f14",
+    "theme_color": "#0b1d28",
+    "background_color": "#0b1d28",
     "display": "standalone"
 }

static/styles.css

@@ -1,8 +1,8 @@
 :root {
-    --text: #e5f3fa;
-    --background: #050f14;
+    --text: #d7e9f4;
+    --background: #0b1d28;
     --primary: #e45b0c;
-    --secondary: #09222f;
+    --secondary: #102937;
     --accent: #74c3f1;
 }
 

templates/index.html

@@ -39,12 +39,12 @@
             href="/favicon-16x16.png"
         />
         <link rel="manifest" href="/site.webmanifest" />
-        <link rel="mask-icon" href="/safari-pinned-tab.svg" color="#74c3f1" />
+        <link rel="mask-icon" href="/safari-pinned-tab.svg" color="#0b1d28" />
         <meta name="apple-mobile-web-app-title" content="Isotope" />
         <meta name="application-name" content="Isotope" />
-        <meta name="msapplication-TileColor" content="#050f14" />
+        <meta name="msapplication-TileColor" content="#0b1d28" />
         <meta name="msapplication-TileImage" content="/mstile-144x144.png" />
-        <meta name="theme-color" content="#050f14" />
+        <meta name="theme-color" content="#0b1d28" />
     </head>
     <body>
         <div class="content">