# \[Solved\] Status bar color blending issue

**URL:** <https://community.thunkable.com/t/solved-status-bar-color-blending-issue/426070>\
**Category:** Questions about Thunkable X\
**Tags:** solved\
**Created:** [January 24, 2020, 9:30pm UTC](https://community.thunkable.com/t/solved-status-bar-color-blending-issue/426070 "2020-01-24T21:30:27Z")\
**Posts on this page:** 20\
**Page:** 6

<div class="post-metadata">

**Author:** ![wei](https://sea1.discourse-cdn.com/flex015/user_avatar/community.thunkable.com/wei/32/26160_2.png) [@wei](https://community.thunkable.com/u/wei)\
**Post date:** [March 25, 2021, 9:49pm UTC](https://community.thunkable.com/t/solved-status-bar-color-blending-issue/426070/103 "2021-03-25T21:49:55Z")

</div>

I am looking into this issue.

Wei

---

<div class="post-metadata">

**Author:** ![boomdaba1232rbid](https://avatars.discourse-cdn.com/v4/letter/b/eb8c5e/32.png) [@boomdaba1232rbid](https://community.thunkable.com/u/boomdaba1232rbid)\
**Post date:** [March 26, 2021, 8:06am UTC](https://community.thunkable.com/t/solved-status-bar-color-blending-issue/426070/104 "2021-03-26T08:06:20Z")

</div>

I’m glad to hear that, thank you.

---

<div class="post-metadata">

**Author:** ![jared](https://sea1.discourse-cdn.com/flex015/user_avatar/community.thunkable.com/jared/32/138473_2.png) [@jared](https://community.thunkable.com/u/jared)\
**Post date:** [March 26, 2021, 11:04am UTC](https://community.thunkable.com/t/solved-status-bar-color-blending-issue/426070/105 "2021-03-26T11:04:55Z")

</div>

Hoping for an answer soon! Thanks @wei !!

---

<div class="post-metadata">

**Author:** ![wei](https://sea1.discourse-cdn.com/flex015/user_avatar/community.thunkable.com/wei/32/26160_2.png) [@wei](https://community.thunkable.com/u/wei)\
**Post date:** [March 27, 2021, 6:07pm UTC](https://community.thunkable.com/t/solved-status-bar-color-blending-issue/426070/106 "2021-03-27T18:07:41Z")

</div>

As Steve said earlier, it is going to be tricky to get it fixed properly. I want to confirm -

(1) Does it happy on iOS only?  
(2) What is the use case? Do people expect to change the status bar background color dynamically? like using block? or you can set it in the property panel and you will keep it as it is.

Thanks,  
Wei

---

<div class="post-metadata">

**Author:** ![jared](https://sea1.discourse-cdn.com/flex015/user_avatar/community.thunkable.com/jared/32/138473_2.png) [@jared](https://community.thunkable.com/u/jared)\
**Post date:** [March 27, 2021, 6:11pm UTC](https://community.thunkable.com/t/solved-status-bar-color-blending-issue/426070/107 "2021-03-27T18:11:37Z")

</div>

That is not exactly accurate. I have shared my issues of the fading in and out on GitHub

The bar starts one color, but fades invisible at some point and then comes back later.

> [@jared](#):
>
> Please share your experience related to this issue here
> 
> [github.com/thunkable/thunkable-issues](https://github.com/thunkable/thunkable-issues/issues/832)
> 
> #### [Weird issues status bar and “slide up area at bottom of screen”](https://github.com/thunkable/thunkable-issues/issues/832)
> 
> opened Feb 20, 2021
> 
> [![jaredgibb](https://avatars.githubusercontent.com/u/70493366?v=4) jaredgibb ](https://github.com/jaredgibb)
> 
> So. The status bar issue is already known. I am using “dark mode” and most of the time I can see…

---

<div class="post-metadata">

**Author:** ![boomdaba1232rbid](https://avatars.discourse-cdn.com/v4/letter/b/eb8c5e/32.png) [@boomdaba1232rbid](https://community.thunkable.com/u/boomdaba1232rbid)\
**Post date:** [March 28, 2021, 3:52pm UTC](https://community.thunkable.com/t/solved-status-bar-color-blending-issue/426070/108 "2021-03-28T15:52:03Z")

</div>

1. yes it happened on iOS only.
2. I leave it up to you because I don’t know what other people think. However, I just want this issue to be fixed as soon as possible. What do you think? Which one is easier to fix.

---

<div class="post-metadata">

**Author:** ![oreeldadln](https://sea1.discourse-cdn.com/flex015/user_avatar/community.thunkable.com/oreeldadln/32/89185_2.png) [@oreeldadln](https://community.thunkable.com/u/oreeldadln)\
**Post date:** [March 28, 2021, 6:22pm UTC](https://community.thunkable.com/t/solved-status-bar-color-blending-issue/426070/109 "2021-03-28T18:22:37Z")

</div>

I just want to be able to choose the status bar color for every page as it used to be back then before this annoying bug…

---

<div class="post-metadata">

**Author:** ![oreeldadln](https://sea1.discourse-cdn.com/flex015/user_avatar/community.thunkable.com/oreeldadln/32/89185_2.png) [@oreeldadln](https://community.thunkable.com/u/oreeldadln)\
**Post date:** [April 2, 2021, 8:01pm UTC](https://community.thunkable.com/t/solved-status-bar-color-blending-issue/426070/110 "2021-04-02T20:01:20Z")

</div>

any news or should we redesign our apps?

---

<div class="post-metadata">

**Author:** ![domhnallohanlon](https://sea1.discourse-cdn.com/flex015/user_avatar/community.thunkable.com/domhnallohanlon/32/29554_2.png) [@domhnallohanlon](https://community.thunkable.com/u/domhnallohanlon)\
**Post date:** [April 2, 2021, 9:12pm UTC](https://community.thunkable.com/t/solved-status-bar-color-blending-issue/426070/111 "2021-04-02T21:12:09Z")

</div>

Hey @oreeldadln,

Yes @wei is still actively working on this and we should be able to give you a more thorough progress update next week (our US colleagues have some time off today and the Irish team will be off on Monday)

Apologies for the radio silence here, but rest assured this hasn’t been forgotten about!

---

<div class="post-metadata">

**Author:** ![jared](https://sea1.discourse-cdn.com/flex015/user_avatar/community.thunkable.com/jared/32/138473_2.png) [@jared](https://community.thunkable.com/u/jared)\
**Post date:** [April 2, 2021, 11:31pm UTC](https://community.thunkable.com/t/solved-status-bar-color-blending-issue/426070/112 "2021-04-02T23:31:59Z")

</div>

Thanks @domhnallohanlon

The open line of communication is very appreciated and assuring for us Thunkers over here

---

<div class="post-metadata">

**Author:** ![wei](https://sea1.discourse-cdn.com/flex015/user_avatar/community.thunkable.com/wei/32/26160_2.png) [@wei](https://community.thunkable.com/u/wei)\
**Post date:** [April 5, 2021, 4:18pm UTC](https://community.thunkable.com/t/solved-status-bar-color-blending-issue/426070/113 "2021-04-05T16:18:00Z")

</div>

As Domhnall said, we are still working on it. We may revert the safe area view change we added back in November and let you have the option to add it. In that way, you have the control. But we don’t have a full fix of iOS status bar background and safe area view together now.

Wei

---

<div class="post-metadata">

**Author:** ![juschan0605](https://sea1.discourse-cdn.com/flex015/user_avatar/community.thunkable.com/juschan0605/32/98033_2.png) [@juschan0605](https://community.thunkable.com/u/juschan0605)\
**Post date:** [April 9, 2021, 10:32am UTC](https://community.thunkable.com/t/solved-status-bar-color-blending-issue/426070/114 "2021-04-09T10:32:18Z")

</div>

Is this also the same problem mentioned above as the status bar is not customizable?

 ![IMG_9474.PNG](https://us1.discourse-cdn.com/flex015/uploads/thunkable/original/3X/c/5/c5a47d813da3a60083f0755bc637380f6576fc4a.jpeg)

---

<div class="post-metadata">

**Author:** ![wei](https://sea1.discourse-cdn.com/flex015/user_avatar/community.thunkable.com/wei/32/26160_2.png) [@wei](https://community.thunkable.com/u/wei)\
**Post date:** [April 15, 2021, 3:15pm UTC](https://community.thunkable.com/t/solved-status-bar-color-blending-issue/426070/115 "2021-04-15T15:15:35Z")

</div>

We have developed a short term solution (give you the option to color the safe area view) and we should be able to release it soon.

Wei

---

<div class="post-metadata">

**Author:** ![andreas.sjdtomypv](https://avatars.discourse-cdn.com/v4/letter/a/e5b9ba/32.png) [@andreas.sjdtomypv](https://community.thunkable.com/u/andreas.sjdtomypv)\
**Post date:** [April 15, 2021, 7:43pm UTC](https://community.thunkable.com/t/solved-status-bar-color-blending-issue/426070/116 "2021-04-15T19:43:17Z")

</div>

Hi, Will this update(s) solve the issue for background images as well that’s mentioned earlier in this thread? No matter which mode you choose you will never get rid of that white status bar. I’m quit sure that if you choose “stretch” it’s suppose to stretch over the whole screen? That doesn’t work today so for me for example it’s not only the missing ability to set the colour of the status bar that gives a lack of experience in my app, it’s the ignorance of background image-modes as well. At least on iPhone XR.  
Thanks!

---

<div class="post-metadata">

**Author:** ![juschan0605](https://sea1.discourse-cdn.com/flex015/user_avatar/community.thunkable.com/juschan0605/32/98033_2.png) [@juschan0605](https://community.thunkable.com/u/juschan0605)\
**Post date:** [April 21, 2021, 9:01am UTC](https://community.thunkable.com/t/solved-status-bar-color-blending-issue/426070/117 "2021-04-21T09:01:17Z")

</div>

> [@wei](#):
>
> short term solution (give you the option to color the safe area view

when will this be out?

---

<div class="post-metadata">

**Author:** ![wei](https://sea1.discourse-cdn.com/flex015/user_avatar/community.thunkable.com/wei/32/26160_2.png) [@wei](https://community.thunkable.com/u/wei)\
**Post date:** [April 21, 2021, 10:31pm UTC](https://community.thunkable.com/t/solved-status-bar-color-blending-issue/426070/118 "2021-04-21T22:31:10Z")

</div>

Dear friends,

Good news - the changes passed our internal tests and we deployed them to production. You can try it now.

Here is the list of changes you might find it helpful.

- A new property `Ignore Notch Area` in the app setting
- A new property `Notch Area Background Color` in the app setting

The `Ignore Notch Area` property enables you to remove the safe area view which we add to the app automatically. If you set this property to be true, the screen background color will extend to full screen and there won’t be any white area. However, you need to manually take care of the notch in your app design, like adding extra space, in order to avoid the app element to be blocked by the notch.

The `Notch Area Background Color` property enables you to set the safe area view color in iOS only. With this, you can customize the background color of the _white area_. Please note, this is an app level setting and you won’t be able to customize the color at the screen level.

Please try it out and provide feedback if there is any 🙂

Wei

---

<div class="post-metadata">

**Author:** ![boomdaba1232rbid](https://avatars.discourse-cdn.com/v4/letter/b/eb8c5e/32.png) [@boomdaba1232rbid](https://community.thunkable.com/u/boomdaba1232rbid)\
**Post date:** [April 22, 2021, 12:06am UTC](https://community.thunkable.com/t/solved-status-bar-color-blending-issue/426070/119 "2021-04-22T00:06:18Z")

</div>

Wow!!  
I’ve changed Notch Area Background Color. It works.

 ![image](https://us1.discourse-cdn.com/flex015/uploads/thunkable/original/3X/5/c/5c681671b76b883357a4398930cd50ba527e0aac.jpeg)  
Thank you so much.

---

<div class="post-metadata">

**Author:** ![jane](https://sea1.discourse-cdn.com/flex015/user_avatar/community.thunkable.com/jane/32/27575_2.png) [@jane](https://community.thunkable.com/u/jane)\
**Post date:** [April 22, 2021, 7:00am UTC](https://community.thunkable.com/t/solved-status-bar-color-blending-issue/426070/120 "2021-04-22T07:00:25Z")

</div>

Thanks @wei and @jose and the team! 😁 We’ll make a bigger announcement about this soon, along with some other great additions that have come to Thunkable this month, but hopefully marking this message as a solution will encourage people to check it out and see this awesome news!

---

<div class="post-metadata">

**Author:** ![andreas.sjdtomypv](https://avatars.discourse-cdn.com/v4/letter/a/e5b9ba/32.png) [@andreas.sjdtomypv](https://community.thunkable.com/u/andreas.sjdtomypv)\
**Post date:** [April 23, 2021, 10:48pm UTC](https://community.thunkable.com/t/solved-status-bar-color-blending-issue/426070/121 "2021-04-23T22:48:00Z")

</div>

Hi. I have a background image in my app. I would like that to fill the screen (view area, not safety area).  
I tested this switch”ignore notch area” but I still have white safe areas. I used “cover”-mode on the image.  
How should I do? Thanks!!

---

<div class="post-metadata">

**Author:** ![andreas.sjdtomypv](https://avatars.discourse-cdn.com/v4/letter/a/e5b9ba/32.png) [@andreas.sjdtomypv](https://community.thunkable.com/u/andreas.sjdtomypv)\
**Post date:** [April 25, 2021, 1:28pm UTC](https://community.thunkable.com/t/solved-status-bar-color-blending-issue/426070/123 "2021-04-25T13:28:27Z")

</div>

I tried the other way, to set a colour on the safe area. This is how it looks like for me. Is it a bug in this feature?

 ![image](https://us1.discourse-cdn.com/flex015/uploads/thunkable/original/3X/5/a/5accdc5b5d46e63c89d326690e47f245b89982ba.jpeg)  
A white stripe is left at the top. I am in an iPhone XR

Hi. I don’t know if this is where I should report this kind of things as it’s marked as (solved), but I found another “bug”?

I have been using the app for a few day and suddenly the white bottom came back?? But only bottom… top is fine (except for the previous issue with the stripe).

 ![image](https://us1.discourse-cdn.com/flex015/uploads/thunkable/original/3X/c/6/c6cf8eed557baffb230311143fa180f3b4b57991.jpeg)

Thanks…

[Previous page](https://community.thunkable.com/t/solved-status-bar-color-blending-issue/426070.md?page=5)

[Next page](https://community.thunkable.com/t/solved-status-bar-color-blending-issue/426070.md?page=7)
