Change mobile OS status bar to background color

Looks much better on devices with non-rectangle displays.

Author: xMartin

public/index.html

@@ -4,8 +4,10 @@
 	<meta charset="utf-8">
     <link rel="icon" href="%PUBLIC_URL%/favicon.ico">
 	<meta name="viewport" content="width=device-width,initial-scale=1,maximum-scale=1,minimum-scale=1,user-scalable=no">
-    <meta name="theme-color" content="#131313">
+    <meta name="theme-color" content="#f5f5f5" media="(prefers-color-scheme: light)">
+	<meta name="theme-color" content="#131313" media="(prefers-color-scheme: dark)">
 	<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-icon" href="%PUBLIC_URL%/logo192.png" />
     <link rel="manifest" href="%PUBLIC_URL%/manifest.json" />
 	<title>Grouptabs</title>

public/manifest.json

@@ -20,6 +20,6 @@
   ],
   "start_url": ".",
   "display": "standalone",
-  "theme_color": "#131313",
+  "theme_color": "#f5f5f5",
   "background_color": "#f5f5f5"
 }