feat(client): handle pwa icons and colors (#102)

Jozwiaczek · Mar 9, 2021 · 12c2372 · 12c2372
1 parent e31b20b
commit 12c2372
Show file tree

Hide file tree

Showing 5 changed files with 10 additions and 5 deletions.
diff --git a/packages/client/public/favicon.ico b/packages/client/public/favicon.ico
diff --git a/packages/client/public/index.html b/packages/client/public/index.html
@@ -5,7 +5,10 @@
     <link rel="icon" href="%PUBLIC_URL%/favicon.ico" />
     <meta name="viewport" content="width=device-width, initial-scale=1" />
     <meta name="theme-color" content="#000000" />
-    <meta name="description" content="Web site created using create-react-app" />
+    <meta name="description" content="System for handling access to any physical entry gate" />
+    <meta name="apple-mobile-web-app-capable" content="yes" />
+    <meta name="apple-mobile-web-app-status-bar-style" content="black-translucent" />
+    <link rel="apple-touch-startup-image" href="%PUBLIC_URL%/logo512.png" />
     <link rel="apple-touch-icon" href="%PUBLIC_URL%/logo192.png" />
     <link
       rel="stylesheet"

diff --git a/packages/client/public/logo192.png b/packages/client/public/logo192.png
diff --git a/packages/client/public/logo512.png b/packages/client/public/logo512.png
diff --git a/packages/client/public/manifest.json b/packages/client/public/manifest.json
@@ -1,6 +1,7 @@
 {
-  "short_name": "React App",
-  "name": "Create React App Sample",
+  "short_name": "Smart Gate",
+  "name": "Smart Gate",
+  "description": "System for handling access to any physical entry gate",
   "icons": [
     {
       "src": "favicon.ico",
@@ -18,8 +19,9 @@
       "sizes": "512x512"
     }
   ],
+  "categories": ["productivity", "security", "utilities"],
   "start_url": ".",
   "display": "standalone",
-  "theme_color": "#000000",
-  "background_color": "#ffffff"
+  "theme_color": "#257D69",
+  "background_color": "#22343C"
 }