title: Javascript set white status bar on PWA as the new Chrome does
body: <p>This is quite a new thing, since the new Chrome v.69 just came out, i noticed it has a white status bar with black icons (on android phone at least), since this is exactly what i'd like to achieve on my PWA set to "standalone", is there anyone who already know how to achieve this?</p>
  
  <p>the     <code>&lt;meta name="theme-color" content="#ffffff"/&gt;</code> in the index.html <code>&lt;head&gt;</code> doesn't seem to do the trick, in fact it's still dark-gray semi-transparent (default android style i guess).</p>
  
  <p><strong>EDIT:</strong> the black or the translucent gray bars in this image is what i'm referring to <a href="https://themarketingtechnologist-ghost.s3.amazonaws.com/2016/Jul/colored_menubar-1468418798545.png" rel="nofollow noreferrer">https://themarketingtechnologist-ghost.s3.amazonaws.com/2016/Jul/colored_menubar-1468418798545.png</a></p>
  
  <p><strong>EDIT 2:</strong> from what i see the youtube official app also has the search bar with white background but the toolbar is transparent gray (as my PWA) so must be something only the new Chrome is "allowed" to do for now.</p>