Ben Borgers / Posts /

How to change iOS 15 Safari status bar color

June 14, 2021 by @benborgers

On the iOS 15 update of Safari, there's a colored top bar in the background at the top of the screen.

You can change what color this is by setting a theme-color meta property in the <head> of the HTML page:

<meta name="theme-color" content="#EF4444" />

This will change the color of the section of the interface behind the status bar, above the website itself.

A quick favor: was anything I wrote incorrect or misspelled, or do you still have questions? Please use this form to let me know or ask for help!