# Is there a way to change status bar color on iOS?

**URL:** <https://community.glideapps.com/t/is-there-a-way-to-change-status-bar-color-on-ios/36920>\
**Category:** Ask for Help\
**Created:** [January 9, 2022, 11:26pm UTC](https://community.glideapps.com/t/is-there-a-way-to-change-status-bar-color-on-ios/36920 "2022-01-09T23:26:47Z")\
**Posts on this page:** 15\
**Page:** 1

<div class="post-metadata">

**Author:** ![noesis](https://sea2.discourse-cdn.com/flex002/user_avatar/community.glideapps.com/noesis/32/37120_2.png) [@noesis](https://community.glideapps.com/u/noesis)\
**Post date:** [January 9, 2022, 11:26pm UTC](https://community.glideapps.com/t/is-there-a-way-to-change-status-bar-color-on-ios/36920/1 "2022-01-09T23:26:47Z")

</div>

Hello,

I am wondering is there a way to change the status bar color on my app on iOS? I know this comes from the system, not directly from the app settings, but it looks ugly and I want to find a solution to make it pure black as it is on the nav bar.

Screenshot attached.

 ![image](https://us1.discourse-cdn.com/flex002/uploads/glideapps/original/3X/b/9/b9b4711a431dc927e89be4ff5d5123f5e343d3ea.jpeg)

---

<div class="post-metadata">

**Author:** ![ThinhDinh](https://sea2.discourse-cdn.com/flex002/user_avatar/community.glideapps.com/thinhdinh/32/49_2.png) [@ThinhDinh](https://community.glideapps.com/u/ThinhDinh)\
**Post date:** [January 10, 2022, 12:01am UTC](https://community.glideapps.com/t/is-there-a-way-to-change-status-bar-color-on-ios/36920/2 "2022-01-10T00:01:46Z")

</div>

I think we can find a way to touch that part using CSS, but it’s too much of a hassle to do that on every details screen.

I assume you’re on light mode and the app is forcing dark mode?

---

<div class="post-metadata">

**Author:** ![noesis](https://sea2.discourse-cdn.com/flex002/user_avatar/community.glideapps.com/noesis/32/37120_2.png) [@noesis](https://community.glideapps.com/u/noesis)\
**Post date:** [January 10, 2022, 8:14am UTC](https://community.glideapps.com/t/is-there-a-way-to-change-status-bar-color-on-ios/36920/3 "2022-01-10T08:14:27Z")

</div>

No, my iPhone is set to Dark Mode too. I don’t know how Safari works, since on some app loads the status bar is white, while sometimes it’s dark grey. I expect the status bar to be hard coded from the app theme along with everything else. I am just trying to say that is mismatch your predefined themes.

It’s not directly related but for example, our corporate website at [https://noesiscosmetics.com](https://noesiscosmetics.com) has always black status bar in Safari.

---

<div class="post-metadata">

**Author:** ![ThinhDinh](https://sea2.discourse-cdn.com/flex002/user_avatar/community.glideapps.com/thinhdinh/32/49_2.png) [@ThinhDinh](https://community.glideapps.com/u/ThinhDinh)\
**Post date:** [January 10, 2022, 8:15am UTC](https://community.glideapps.com/t/is-there-a-way-to-change-status-bar-color-on-ios/36920/4 "2022-01-10T08:15:55Z")

</div>

Can you send your app link so we can test?

---

<div class="post-metadata">

**Author:** ![noesis](https://sea2.discourse-cdn.com/flex002/user_avatar/community.glideapps.com/noesis/32/37120_2.png) [@noesis](https://community.glideapps.com/u/noesis)\
**Post date:** [January 10, 2022, 8:16am UTC](https://community.glideapps.com/t/is-there-a-way-to-change-status-bar-color-on-ios/36920/5 "2022-01-10T08:16:29Z")

</div>

Sure, here it is: [Glide](https://go.glideapps.com/support/49766d46-5405-41c7-b131-437c4e2199d5)

---

<div class="post-metadata">

**Author:** ![ThinhDinh](https://sea2.discourse-cdn.com/flex002/user_avatar/community.glideapps.com/thinhdinh/32/49_2.png) [@ThinhDinh](https://community.glideapps.com/u/ThinhDinh)\
**Post date:** [January 10, 2022, 8:17am UTC](https://community.glideapps.com/t/is-there-a-way-to-change-status-bar-color-on-ios/36920/6 "2022-01-10T08:17:07Z")

</div>

That’s the support link and only Glide people can access that. Can you share the actual link of the app?

---

<div class="post-metadata">

**Author:** ![noesis](https://sea2.discourse-cdn.com/flex002/user_avatar/community.glideapps.com/noesis/32/37120_2.png) [@noesis](https://community.glideapps.com/u/noesis)\
**Post date:** [January 10, 2022, 8:17am UTC](https://community.glideapps.com/t/is-there-a-way-to-change-status-bar-color-on-ios/36920/7 "2022-01-10T08:17:51Z")

</div>

Oh, sorry. This is the correct one: [https://noesis.glideapp.io/](https://noesis.glideapp.io/)

---

<div class="post-metadata">

**Author:** ![ThinhDinh](https://sea2.discourse-cdn.com/flex002/user_avatar/community.glideapps.com/thinhdinh/32/49_2.png) [@ThinhDinh](https://community.glideapps.com/u/ThinhDinh)\
**Post date:** [January 10, 2022, 8:24am UTC](https://community.glideapps.com/t/is-there-a-way-to-change-status-bar-color-on-ios/36920/8 "2022-01-10T08:24:49Z")

</div>

![image](https://us1.discourse-cdn.com/flex002/uploads/glideapps/original/3X/2/1/212771ced8592cf33671310a9eab47368d3cba7c.jpeg)

It’s showing correctly for me. This looks correct on both the Safari version and the installed version.

Talking about it, what OS is your screenshot? That doesn’t look like my Safari version.

---

<div class="post-metadata">

**Author:** ![noesis](https://sea2.discourse-cdn.com/flex002/user_avatar/community.glideapps.com/noesis/32/37120_2.png) [@noesis](https://community.glideapps.com/u/noesis)\
**Post date:** [January 10, 2022, 9:21pm UTC](https://community.glideapps.com/t/is-there-a-way-to-change-status-bar-color-on-ios/36920/9 "2022-01-10T21:21:58Z")

</div>

Very strange. I deleted the home screen icon, added it again and the status bar is still white. It’s iPhone 12 with iOS 15.1.1 and dark mode enabled.

---

<div class="post-metadata">

**Author:** ![ThinhDinh](https://sea2.discourse-cdn.com/flex002/user_avatar/community.glideapps.com/thinhdinh/32/49_2.png) [@ThinhDinh](https://community.glideapps.com/u/ThinhDinh)\
**Post date:** [January 10, 2022, 11:50pm UTC](https://community.glideapps.com/t/is-there-a-way-to-change-status-bar-color-on-ios/36920/10 "2022-01-10T23:50:13Z")

</div>

I’m on iPhone SE 2020 with iOS 15.1.1 and dark mode enabled, if that helps.

---

<div class="post-metadata">

**Author:** ![noesis](https://sea2.discourse-cdn.com/flex002/user_avatar/community.glideapps.com/noesis/32/37120_2.png) [@noesis](https://community.glideapps.com/u/noesis)\
**Post date:** [January 29, 2022, 8:16am UTC](https://community.glideapps.com/t/is-there-a-way-to-change-status-bar-color-on-ios/36920/11 "2022-01-29T08:16:48Z")

</div>

Guys, sorry but I need to raise this issue again, since I can’t solve it for a month. Whatever I do, the status bar remains white, while everything else is set to dark/black.

I found some articles where it is explained how the developers can change a meta tag, which

[Article](https://medium.com/appscope/changing-the-ios-status-bar-of-your-progressive-web-app-9fc8fbe8e6ab)

I also tried to turn off the “Website tinting” feature in Settings like it’s explained in [this article.](https://www.iphonelife.com/content/how-to-easily-view-your-iphone-system-status-bar)

For now the only solutions seems to be the meta tag which have to be hard coded, no idea how.

EDIT: Actually I managed to turn it black for a while. After I turned on “Website tinting” setting in Settings → Safari and then “re-installed” the app, the status bar got black, but only on the first launch. After I completely closed and then re-opened the app, I found it white again.

---

<div class="post-metadata">

**Author:** ![noesis](https://sea2.discourse-cdn.com/flex002/user_avatar/community.glideapps.com/noesis/32/37120_2.png) [@noesis](https://community.glideapps.com/u/noesis)\
**Post date:** [January 29, 2022, 8:35am UTC](https://community.glideapps.com/t/is-there-a-way-to-change-status-bar-color-on-ios/36920/12 "2022-01-29T08:35:40Z")

</div>

@ThinhDinh, can you please close and then re-open the app in terms to see if the status bar remains black?

---

<div class="post-metadata">

**Author:** ![ThinhDinh](https://sea2.discourse-cdn.com/flex002/user_avatar/community.glideapps.com/thinhdinh/32/49_2.png) [@ThinhDinh](https://community.glideapps.com/u/ThinhDinh)\
**Post date:** [January 29, 2022, 12:00pm UTC](https://community.glideapps.com/t/is-there-a-way-to-change-status-bar-color-on-ios/36920/13 "2022-01-29T12:00:49Z")

</div>

> [@Login screen broken on iphone](https://community.glideapps.com/t/login-screen-broken-on-iphone/36579/43):
>
> Following this thread. My apps have the white bar happening too. I’ve tried all the suggested fixes. iOS 15.2.1 iPhone XR

Can you confirm it’s the same behaviour here?

---

<div class="post-metadata">

**Author:** ![NinaDCS](https://sea2.discourse-cdn.com/flex002/user_avatar/community.glideapps.com/ninadcs/32/45337_2.png) [@NinaDCS](https://community.glideapps.com/u/NinaDCS)\
**Post date:** [January 29, 2022, 2:06pm UTC](https://community.glideapps.com/t/is-there-a-way-to-change-status-bar-color-on-ios/36920/14 "2022-01-29T14:06:27Z")

</div>

Yes it is. I’ve also tried the suggestions in this thread. Sometimes my apps will open without the white bar after reinstalling but only the first time, then they go back to white again too.

---

<div class="post-metadata">

**Author:** ![Martin\_B](https://sea2.discourse-cdn.com/flex002/user_avatar/community.glideapps.com/martin_b/32/74360_2.png) [@Martin\_B](https://community.glideapps.com/u/Martin_B)\
**Post date:** [January 29, 2023, 8:12pm UTC](https://community.glideapps.com/t/is-there-a-way-to-change-status-bar-color-on-ios/36920/15 "2023-01-29T20:12:07Z")

</div>

Hello,

One year later… but same problem for me.

The status bar color is rarely matching the light/dark mode with a glide app.
