Allows the frame color of the window when active to be set. Here’s the code required: įor more on status bar appearance, see apple-mobile-web-app-status-bar-style. Windows have an optional frame with title bar and size controls. This gives the layout more height, but obstructs the top. With black-translucent, the status bar floats on top of the full screen content, rather than pushing it down. You can change the appearance of the default status bar to either black or black-translucent. For example, the following HTML displays web content using standalone mode. Set the apple-mobile-web-app-capable meta tag to yes to turn on standalone mode. In Below Image, I just mentioned How Chrome taken your theme-color Propertyįirefox OS, Safari, Internet Explorer and Opera Coast allow you to define colors for elements of the browser, and even the platform using meta tags. Chrome does not adhere to this and uses black font making everything in the title bar hard to read. I use medium gray (0x808080) for my title bar color. For example, to set the background to your favorite/Branding colorĪdd Below Meta property to your HTML code in HEAD Section Since the latest version, Chrome adheres to the Windows settings for title bar color, but fails to adjust font color accordingly.
