pwa updated

manifest.json

@@ -3,8 +3,8 @@
     "short_name": "Akaunting",
     "start_url": ".",
     "display": "standalone",
-    "theme_color": "#6da252",
-    "background_color": "#6F679B",
+    "theme_color": "#3c3f72",
+    "background_color": "#3c3f72",
     "orientation": "any",
     "splash": {
         "640x1136":  "public/img/icons/splash-640x1136.png",
@@ -30,7 +30,12 @@
             "sizes": "96x96"
         },
         {
-            "src": "public/img/images/icons/akaunting-128x128.png",
+            "src": "public/img/icons/akaunting-120x120.png",
+            "type": "image/png",
+            "sizes": "120x120"
+        },
+        {
+            "src": "public/img/icons/akaunting-128x128.png",
             "type": "image/png",
             "sizes": "128x128"
         },
@@ -44,6 +49,11 @@
             "type": "image/png",
             "sizes": "152x152"
         },
+        {
+            "src": "public/img/icons/akaunting-180x180.png",
+            "type": "image/png",
+            "sizes": "180x180"
+        },
         {
             "src": "public/img/icons/akaunting-192x192.png",
             "type": "image/png",

resources/views/partials/pwa/pwa.blade.php

@@ -1,39 +1,39 @@
 <!-- Web Application Manifest -->
-<link rel="manifest" href="{{asset('manifest.json')}}">
+<link rel="manifest" href="{{ asset('manifest.json') }}">
 
 <!-- Chrome for Android theme color -->
-<meta name="theme-color" content="#6da252">
+<meta name="theme-color" content="#3c3f72">
 
 <!-- Add to homescreen for Chrome on Android -->
 <meta name="mobile-web-app-capable" content="yes">
 <meta name="application-name" content="Akaunting">
-<link rel="icon" sizes="512x512" href="{{asset('public/img/icons/icon-512x512.png')}}">
+<link rel="icon" sizes="512x512" href="{{ asset('public/img/icons/icon-512x512.png') }}">
 
 <!-- Add to homescreen for Safari on iOS -->
 <meta name="apple-mobile-web-app-capable" content="yes">
-<meta name="apple-mobile-web-app-status-bar-style" content="#6da252">
+<meta name="apple-mobile-web-app-status-bar-style" content="#3c3f72">
 <meta name="apple-mobile-web-app-title" content="Akaunting">
-<link rel="apple-touch-icon" href="{{asset('public/img/icons/icon-512x512.png')}}">
+<link rel="apple-touch-icon" href="{{ asset('public/img/icons/icon-512x512.png') }}">
 
-<link href="{{asset('public/img/icons/splash-640x1136.png')}}" media="(device-width: 320px) and (device-height: 568px) and (-webkit-device-pixel-ratio: 2)" rel="apple-touch-startup-image" />
-<link href="{{asset('public/img/icons/splash-750x1334.png')}}" media="(device-width: 375px) and (device-height: 667px) and (-webkit-device-pixel-ratio: 2)" rel="apple-touch-startup-image" />
-<link href="{{asset('public/img/icons/splash-1242x2208.png')}}" media="(device-width: 621px) and (device-height: 1104px) and (-webkit-device-pixel-ratio: 3)" rel="apple-touch-startup-image" />
-<link href="{{asset('public/img/icons/splash-1125x2436.png')}}" media="(device-width: 375px) and (device-height: 812px) and (-webkit-device-pixel-ratio: 3)" rel="apple-touch-startup-image" />
-<link href="{{asset('public/img/icons/splash-828x1792.png')}}" media="(device-width: 414px) and (device-height: 896px) and (-webkit-device-pixel-ratio: 2)" rel="apple-touch-startup-image" />
-<link href="{{asset('public/img/icons/splash-1242x2688.png')}}" media="(device-width: 414px) and (device-height: 896px) and (-webkit-device-pixel-ratio: 3)" rel="apple-touch-startup-image" />
-<link href="{{asset('public/img/icons/splash-1536x2048.png')}}" media="(device-width: 768px) and (device-height: 1024px) and (-webkit-device-pixel-ratio: 2)" rel="apple-touch-startup-image" />
-<link href="{{asset('public/img/icons/splash-1668x2224.png')}}" media="(device-width: 834px) and (device-height: 1112px) and (-webkit-device-pixel-ratio: 2)" rel="apple-touch-startup-image" />
-<link href="{{asset('public/img/icons/splash-1668x2388.png')}}" media="(device-width: 834px) and (device-height: 1194px) and (-webkit-device-pixel-ratio: 2)" rel="apple-touch-startup-image" />
-<link href="{{asset('public/img/icons/splash-2048x2732.png')}}" media="(device-width: 1024px) and (device-height: 1366px) and (-webkit-device-pixel-ratio: 2)" rel="apple-touch-startup-image" />
+<link href="{{ asset('public/img/icons/splash-640x1136.png') }}" media="(device-width: 320px) and (device-height: 568px) and (-webkit-device-pixel-ratio: 2)" rel="apple-touch-startup-image" />
+<link href="{{ asset('public/img/icons/splash-750x1334.png') }}" media="(device-width: 375px) and (device-height: 667px) and (-webkit-device-pixel-ratio: 2)" rel="apple-touch-startup-image" />
+<link href="{{ asset('public/img/icons/splash-1242x2208.png') }}" media="(device-width: 621px) and (device-height: 1104px) and (-webkit-device-pixel-ratio: 3)" rel="apple-touch-startup-image" />
+<link href="{{ asset('public/img/icons/splash-1125x2436.png') }}" media="(device-width: 375px) and (device-height: 812px) and (-webkit-device-pixel-ratio: 3)" rel="apple-touch-startup-image" />
+<link href="{{ asset('public/img/icons/splash-828x1792.png') }}" media="(device-width: 414px) and (device-height: 896px) and (-webkit-device-pixel-ratio: 2)" rel="apple-touch-startup-image" />
+<link href="{{ asset('public/img/icons/splash-1242x2688.png') }}" media="(device-width: 414px) and (device-height: 896px) and (-webkit-device-pixel-ratio: 3)" rel="apple-touch-startup-image" />
+<link href="{{ asset('public/img/icons/splash-1536x2048.png') }}" media="(device-width: 768px) and (device-height: 1024px) and (-webkit-device-pixel-ratio: 2)" rel="apple-touch-startup-image" />
+<link href="{{ asset('public/img/icons/splash-1668x2224.png') }}" media="(device-width: 834px) and (device-height: 1112px) and (-webkit-device-pixel-ratio: 2)" rel="apple-touch-startup-image" />
+<link href="{{ asset('public/img/icons/splash-1668x2388.png') }}" media="(device-width: 834px) and (device-height: 1194px) and (-webkit-device-pixel-ratio: 2)" rel="apple-touch-startup-image" />
+<link href="{{ asset('public/img/icons/splash-2048x2732.png') }}" media="(device-width: 1024px) and (device-height: 1366px) and (-webkit-device-pixel-ratio: 2)" rel="apple-touch-startup-image" />
 
 <!-- Tile for Win8 -->
-<meta name="msapplication-TileColor" content="#6da252">
-<meta name="msapplication-TileImage" content="{{asset('public/img/icons/icon-512x512.png')}}">
+<meta name="msapplication-TileColor" content="#3c3f72">
+<meta name="msapplication-TileImage" content="{{ asset('public/img/icons/icon-512x512.png') }}">
 
 <script type="text/javascript">
 
     if ('serviceWorker' in navigator) {
-        navigator.serviceWorker.register("{{asset('serviceworker.js')}}");
+        navigator.serviceWorker.register("{{ asset('serviceworker.js') }}");
     }
 
 </script>

serviceworker.js

@@ -2,9 +2,11 @@ var staticCacheName = "pwa-v" + new Date().getTime();
 var filesToCache = [
     'public/img/icons/akaunting-72x72.png',
     'public/img/icons/akaunting-96x96.png',
+    'public/img/icons/akaunting-120x120.png',
     'public/img/icons/akaunting-128x128.png',
     'public/img/icons/akaunting-144x144.png',
     'public/img/icons/akaunting-152x152.png',
+    'public/img/icons/akaunting-180x180.png',
     'public/img/icons/akaunting-192x192.png',
     'public/img/icons/akaunting-384x384.png',
     'public/img/icons/akaunting-512x512.png',