# How to change NavigationBarColor?

**URL:** <https://community.thunkable.com/t/how-to-change-navigationbarcolor/1239607>\
**Category:** Questions about Thunkable X\
**Created:** [April 22, 2021, 6:11pm UTC](https://community.thunkable.com/t/how-to-change-navigationbarcolor/1239607 "2021-04-22T18:11:35Z")\
**Posts on this page:** 10\
**Page:** 1

<div class="post-metadata">

**Author:** ![sketch](https://sea1.discourse-cdn.com/flex015/user_avatar/community.thunkable.com/sketch/32/109058_2.png) [@sketch](https://community.thunkable.com/u/sketch)\
**Post date:** [April 22, 2021, 6:11pm UTC](https://community.thunkable.com/t/how-to-change-navigationbarcolor/1239607/1 "2021-04-22T18:11:35Z")

</div>

Hello everyone.  
I was wonderig if Anyone has managed to change the android NavigationBarColor?  
I really need to have this future in My app.  
Thanks.

---

<div class="post-metadata">

**Author:** ![eko.devs.apploroceo](https://sea1.discourse-cdn.com/flex015/user_avatar/community.thunkable.com/eko.devs.apploroceo/32/93147_2.png) [@eko.devs.apploroceo](https://community.thunkable.com/u/eko.devs.apploroceo)\
**Post date:** [April 22, 2021, 6:14pm UTC](https://community.thunkable.com/t/how-to-change-navigationbarcolor/1239607/2 "2021-04-22T18:14:54Z")

</div>

its possible

---

<div class="post-metadata">

**Author:** ![sketch](https://sea1.discourse-cdn.com/flex015/user_avatar/community.thunkable.com/sketch/32/109058_2.png) [@sketch](https://community.thunkable.com/u/sketch)\
**Post date:** [April 22, 2021, 6:18pm UTC](https://community.thunkable.com/t/how-to-change-navigationbarcolor/1239607/3 "2021-04-22T18:18:27Z")

</div>

May I know how?

---

<div class="post-metadata">

**Author:** ![eko.devs.apploroceo](https://sea1.discourse-cdn.com/flex015/user_avatar/community.thunkable.com/eko.devs.apploroceo/32/93147_2.png) [@eko.devs.apploroceo](https://community.thunkable.com/u/eko.devs.apploroceo)\
**Post date:** [April 22, 2021, 6:21pm UTC](https://community.thunkable.com/t/how-to-change-navigationbarcolor/1239607/4 "2021-04-22T18:21:44Z")

</div>

see:  
output:

 ![image](https://us1.discourse-cdn.com/flex015/uploads/thunkable/original/3X/1/e/1e556b573f5a0b032174e6778d59e7d91b22de5a.png)  
designer part:  
 ![image](https://us1.discourse-cdn.com/flex015/uploads/thunkable/original/3X/d/a/daadd11a88999006e3a25b8528480733708759b3.png)  
project link:  
[https://x.thunkable.com/copy/7350b3e354a511f8d4a35446f71b6885](https://x.thunkable.com/copy/7350b3e354a511f8d4a35446f71b6885)

* * *

another solution ![image](https://us1.discourse-cdn.com/flex015/uploads/thunkable/original/3X/a/3/a3585e64febfa279d9ac5996cd5188d40399e71b.png)  
for android only found in the screen properties  
i guess thats what you think?

---

<div class="post-metadata">

**Author:** ![sketch](https://sea1.discourse-cdn.com/flex015/user_avatar/community.thunkable.com/sketch/32/109058_2.png) [@sketch](https://community.thunkable.com/u/sketch)\
**Post date:** [April 22, 2021, 6:29pm UTC](https://community.thunkable.com/t/how-to-change-navigationbarcolor/1239607/5 "2021-04-22T18:29:17Z")

</div>

No that’s not what in meant.  
I mean this.

 ![Screenshot_20210422-202747_Sketch](https://us1.discourse-cdn.com/flex015/uploads/thunkable/original/3X/a/f/afe54ac1a96d953fb9f5b38fc221961f1c02d207.jpeg)  
I want the color to be blue.  
But I don’t know how to do that.  
It’s rendered by the AndroidOS.  
Not My app.

---

<div class="post-metadata">

**Author:** ![skulamester](https://sea1.discourse-cdn.com/flex015/user_avatar/community.thunkable.com/skulamester/32/100480_2.png) [@skulamester](https://community.thunkable.com/u/skulamester)\
**Post date:** [April 22, 2021, 8:57pm UTC](https://community.thunkable.com/t/how-to-change-navigationbarcolor/1239607/6 "2021-04-22T20:57:18Z")

</div>

> [@sketch](#):
>
> I want the color to be blue.

Change the screen’s background color to blue.

---

<div class="post-metadata">

**Author:** ![sketch](https://sea1.discourse-cdn.com/flex015/user_avatar/community.thunkable.com/sketch/32/109058_2.png) [@sketch](https://community.thunkable.com/u/sketch)\
**Post date:** [April 23, 2021, 7:20am UTC](https://community.thunkable.com/t/how-to-change-navigationbarcolor/1239607/7 "2021-04-23T07:20:11Z")

</div>

I’ve already Done that.  
But the NavigationBarColor in android can only be changed by code or trough it’s manifest file.

---

<div class="post-metadata">

**Author:** ![eko.devs.apploroceo](https://sea1.discourse-cdn.com/flex015/user_avatar/community.thunkable.com/eko.devs.apploroceo/32/93147_2.png) [@eko.devs.apploroceo](https://community.thunkable.com/u/eko.devs.apploroceo)\
**Post date:** [April 23, 2021, 7:56am UTC](https://community.thunkable.com/t/how-to-change-navigationbarcolor/1239607/8 "2021-04-23T07:56:56Z")

</div>

not possible

---

<div class="post-metadata">

**Author:** ![sketch](https://sea1.discourse-cdn.com/flex015/user_avatar/community.thunkable.com/sketch/32/109058_2.png) [@sketch](https://community.thunkable.com/u/sketch)\
**Post date:** [April 26, 2021, 5:55am UTC](https://community.thunkable.com/t/how-to-change-navigationbarcolor/1239607/9 "2021-04-26T05:55:39Z")

</div>

Thank you that answers My qeustion.

---

<div class="post-metadata">

**Author:** ![ioannis](https://sea1.discourse-cdn.com/flex015/user_avatar/community.thunkable.com/ioannis/32/146956_2.png) [@ioannis](https://community.thunkable.com/u/ioannis)\
**Post date:** [November 8, 2024, 1:25pm UTC](https://community.thunkable.com/t/how-to-change-navigationbarcolor/1239607/10 "2024-11-08T13:25:04Z")

</div>