# How to change the background of function buttons?

**URL:** <https://community.thunkable.com/t/how-to-change-the-background-of-function-buttons/1664805>\
**Category:** Questions about Thunkable X\
**Created:** [January 3, 2022, 7:58pm UTC](https://community.thunkable.com/t/how-to-change-the-background-of-function-buttons/1664805 "2022-01-03T19:58:08Z")\
**Posts on this page:** 11\
**Page:** 1

<div class="post-metadata">

**Author:** ![stronazyskuup](https://avatars.discourse-cdn.com/v4/letter/s/a698b9/32.png) [@stronazyskuup](https://community.thunkable.com/u/stronazyskuup)\
**Post date:** [January 3, 2022, 7:58pm UTC](https://community.thunkable.com/t/how-to-change-the-background-of-function-buttons/1664805/1 "2022-01-03T19:58:09Z")

</div>

how to change the background of function buttons?  
 ![Zrzut ekranu 03-01-2022 20.54.51](https://us1.discourse-cdn.com/flex015/uploads/thunkable/original/3X/e/8/e8c8cebb3dca90debc0188d8b66260fb09d3bc94.png)

---

<div class="post-metadata">

**Author:** ![tatiang](https://sea1.discourse-cdn.com/flex015/user_avatar/community.thunkable.com/tatiang/32/55482_2.png) [@tatiang](https://community.thunkable.com/u/tatiang)\
**Post date:** [January 3, 2022, 8:34pm UTC](https://community.thunkable.com/t/how-to-change-the-background-of-function-buttons/1664805/2 "2022-01-03T20:34:30Z")

</div>

I can’t really tell what you’re trying to show with that screenshot. What do you mean by “function buttons”? Do you mean button components? If so, see this:

> **[Button](https://docs.thunkable.com/button#background-color)**
>
> When you tap on the play icon to hear your favourite music, you are using a button.

If not, can you show a larger/more detailed screenshot or explain more?

---

<div class="post-metadata">

**Author:** ![stronazyskuup](https://avatars.discourse-cdn.com/v4/letter/s/a698b9/32.png) [@stronazyskuup](https://community.thunkable.com/u/stronazyskuup)\
**Post date:** [January 5, 2022, 10:32am UTC](https://community.thunkable.com/t/how-to-change-the-background-of-function-buttons/1664805/3 "2022-01-05T10:32:11Z")

</div>

![Projekt bez tytułu (5)](https://us1.discourse-cdn.com/flex015/uploads/thunkable/original/3X/f/4/f4105120cb486a5cf658fcc9b9859c6366c8b10d.png)  
the background of these buttons is gray and I haven’t found an option that can change that.

---

<div class="post-metadata">

**Author:** ![muneer](https://sea1.discourse-cdn.com/flex015/user_avatar/community.thunkable.com/muneer/32/75210_2.png) [@muneer](https://community.thunkable.com/u/muneer)\
**Post date:** [January 5, 2022, 10:51am UTC](https://community.thunkable.com/t/how-to-change-the-background-of-function-buttons/1664805/4 "2022-01-05T10:51:42Z")

</div>

> [@stronazyskuup](#):
>
> I haven’t found an option that can change that.

Can you explain what buttons are these?  
Are you using a `bottom tab navigator` and these are the buttons for the `tabs` for each page?

---

<div class="post-metadata">

**Author:** ![stronazyskuup](https://avatars.discourse-cdn.com/v4/letter/s/a698b9/32.png) [@stronazyskuup](https://community.thunkable.com/u/stronazyskuup)\
**Post date:** [January 5, 2022, 11:58am UTC](https://community.thunkable.com/t/how-to-change-the-background-of-function-buttons/1664805/5 "2022-01-05T11:58:06Z")

</div>

these buttons are in every phone. (with android). When I create apps their background is gray and I can’t find an option to change the background color of these buttons.

---

<div class="post-metadata">

**Author:** ![muneer](https://sea1.discourse-cdn.com/flex015/user_avatar/community.thunkable.com/muneer/32/75210_2.png) [@muneer](https://community.thunkable.com/u/muneer)\
**Post date:** [January 5, 2022, 3:05pm UTC](https://community.thunkable.com/t/how-to-change-the-background-of-function-buttons/1664805/6 "2022-01-05T15:05:05Z")

</div>

So those are the operating system buttons. There is no way inside Thunkable to control them. You need to check, if available, in the phone settings.

---

<div class="post-metadata">

**Author:** ![stronazyskuup](https://avatars.discourse-cdn.com/v4/letter/s/a698b9/32.png) [@stronazyskuup](https://community.thunkable.com/u/stronazyskuup)\
**Post date:** [January 5, 2022, 10:03pm UTC](https://community.thunkable.com/t/how-to-change-the-background-of-function-buttons/1664805/7 "2022-01-05T22:03:08Z")

</div>

each application changes the color of this background, although I do not change anything in the settings.

---

<div class="post-metadata">

**Author:** ![tatiang](https://sea1.discourse-cdn.com/flex015/user_avatar/community.thunkable.com/tatiang/32/55482_2.png) [@tatiang](https://community.thunkable.com/u/tatiang)\
**Post date:** [January 6, 2022, 12:21am UTC](https://community.thunkable.com/t/how-to-change-the-background-of-function-buttons/1664805/8 "2022-01-06T00:21:32Z")

</div>

Please provide a video of what you’re seeing or a screenshot that shows the whole screen… not just a few buttons. It’s really hard to understand from what you’ve shown.

Is this happening on the Design tab or only when tested on an Android device?

---

<div class="post-metadata">

**Author:** ![muneer](https://sea1.discourse-cdn.com/flex015/user_avatar/community.thunkable.com/muneer/32/75210_2.png) [@muneer](https://community.thunkable.com/u/muneer)\
**Post date:** [January 6, 2022, 6:55am UTC](https://community.thunkable.com/t/how-to-change-the-background-of-function-buttons/1664805/9 "2022-01-06T06:55:11Z")

</div>

These are the **Android navigation keys** and cannot be changed by any application. The background of these keys in **transparent** and therefore if you change the screen background to **green** and run your app from the phone you will see these buttons’ background **green** but this is not a change of the buttons. They stay with transparent background.

If you see something different then please show it in a short video as suggested by @tatiang so we can understand what you are trying to describe.

---

<div class="post-metadata">

**Author:** ![stronazyskuup](https://avatars.discourse-cdn.com/v4/letter/s/a698b9/32.png) [@stronazyskuup](https://community.thunkable.com/u/stronazyskuup)\
**Post date:** [January 7, 2022, 1:16pm UTC](https://community.thunkable.com/t/how-to-change-the-background-of-function-buttons/1664805/10 "2022-01-07T13:16:33Z")

</div>

![Screenshot_20220107-141527_Training notebook](https://us1.discourse-cdn.com/flex015/uploads/thunkable/original/3X/4/a/4a1001cc8a8f50abf71a63acb34b4d6d58743274.jpeg)

---

<div class="post-metadata">

**Author:** ![system](https://us1.discourse-cdn.com/flex015/uploads/thunkable/original/3X/0/f/0f59f292712368bce16ff80133ae10de8a6f27e8.png) [@system](https://community.thunkable.com/u/system)\
**Post date:** [April 7, 2022, 1:16pm UTC](https://community.thunkable.com/t/how-to-change-the-background-of-function-buttons/1664805/11 "2022-04-07T13:16:41Z")

</div>

This topic was automatically closed 90 days after the last reply. New replies are no longer allowed.
