Fix: color status bar safari iOS

Author: sawyerf

App.js

@@ -61,6 +61,10 @@ const App = () => {
 		setTheme(getTheme(settings))
 	}, [settings.theme, settings.themePlayer])
 
+	React.useEffect(() => {
+		if (window) window.document.documentElement.style.backgroundColor = theme.primaryBack
+	}, [theme])
+
 	React.useEffect(() => {
 		if (window) window.streamFormat = settings.streamFormat
 		else global.streamFormat = settings.streamFormat

public/index.html

@@ -13,7 +13,7 @@
   <meta name="apple-touch-fullscreen" content="yes">
   <meta name="apple-mobile-web-app-title" content="Castafiore">
   <meta name="apple-mobile-web-app-status-bar-style" content="black-translucent">
-	<link rel="apple-touch-icon" sizes="180x180" href="pwa/apple-touch-icon-180.png">
+  <link rel="apple-touch-icon" sizes="180x180" href="pwa/apple-touch-icon-180.png">
   <link rel="manifest" href="manifest.json">
   <style>
     /**
@@ -37,6 +37,15 @@
       position: relative;
     }
 
+    body {
+      display: block;
+      left: 0;
+      position: fixed;
+      right: 0;
+      top: 0;
+      bottom: 0;
+    }
+
     #root {
       flex-shrink: 0;
       flex-basis: auto;