# \[Solved\] Background color for screen

**URL:** https://community.thunkable.com/t/solved-background-color-for-screen/12959
**Category:** Questions about Thunkable X
**Tags:** solved, ios, background
**Created:** [December 24, 2017, 6:48pm UTC](https://community.thunkable.com/t/solved-background-color-for-screen/12959 "2017-12-24T18:48:26Z")
**Posts on this page:** 13
**Page:** 1

<div class="post-metadata">

### Author: ![Darshan\_Krishnaswamy](https://avatars.discourse-cdn.com/v4/letter/d/b77776/32.png) [@Darshan\_Krishnaswamy](https://community.thunkable.com/u/Darshan_Krishnaswamy)
#### Post date: [December 24, 2017, 6:48pm UTC](https://community.thunkable.com/t/solved-background-color-for-screen/12959/1 "2017-12-24T18:48:26Z")

</div>

Is there a way to have a background color for a screen in Thunkable IOS?

---

<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: [December 24, 2017, 8:14pm UTC](https://community.thunkable.com/t/solved-background-color-for-screen/12959/2 "2017-12-24T20:14:37Z")

</div>

Not at the moment @Darshan_Krishnaswamy

---

<div class="post-metadata">

### Author: ![amrita](https://sea1.discourse-cdn.com/flex015/user_avatar/community.thunkable.com/amrita/32/31_2.png) [@amrita](https://community.thunkable.com/u/amrita)
#### Post date: [December 25, 2017, 1:52am UTC](https://community.thunkable.com/t/solved-background-color-for-screen/12959/3 "2017-12-25T01:52:27Z")

</div>

Our team is actively working on building new components, so we will hopefully have that soon!

---

<div class="post-metadata">

### Author: ![22-036to1y](https://avatars.discourse-cdn.com/v4/letter/2/e47774/32.png) [@22-036to1y](https://community.thunkable.com/u/22-036to1y)
#### Post date: [December 3, 2019, 7:49am UTC](https://community.thunkable.com/t/solved-background-color-for-screen/12959/4 "2019-12-03T07:49:57Z")

</div>

what about now?

---

<div class="post-metadata">

### Author: ![BlueWhaleYT](https://sea1.discourse-cdn.com/flex015/user_avatar/community.thunkable.com/bluewhaleyt/32/28437_2.png) [@BlueWhaleYT](https://community.thunkable.com/u/BlueWhaleYT)
#### Post date: [December 3, 2019, 9:16am UTC](https://community.thunkable.com/t/solved-background-color-for-screen/12959/5 "2019-12-03T09:16:59Z")

</div>

of course.

---

<div class="post-metadata">

### Author: ![Chris](https://sea1.discourse-cdn.com/flex015/user_avatar/community.thunkable.com/chris/32/78883_2.png) [@Chris](https://community.thunkable.com/u/Chris)
#### Post date: [December 3, 2019, 2:01pm UTC](https://community.thunkable.com/t/solved-background-color-for-screen/12959/6 "2019-12-03T14:01:04Z")

</div>

> [@22-036to1y](#):
>
> what about now?

> **[Screens | Thunkable Docs](https://docs.thunkable.com/screen#add-a-background-color-or-picture)**
>
> When building apps on Thunkable, Screens function like blank pages in a book. They allow you to display different components and information.

---

<div class="post-metadata">

### Author: ![22-036to1y](https://avatars.discourse-cdn.com/v4/letter/2/e47774/32.png) [@22-036to1y](https://community.thunkable.com/u/22-036to1y)
#### Post date: [January 4, 2020, 1:57pm UTC](https://community.thunkable.com/t/solved-background-color-for-screen/12959/7 "2020-01-04T13:57:06Z")

</div>

does this help me with having a settings screen where there is an option for the user to change the background color of the entire app and to modify the volume of the sound effects?

---

<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: [January 5, 2020, 3:52pm UTC](https://community.thunkable.com/t/solved-background-color-for-screen/12959/8 "2020-01-05T15:52:05Z")

</div>

For sure! You can change the background color of lots of components including the screen itself from within the app. Check the blocks below.

I’m this example. There is 1 button on a white screen. When the only button is pressed, it turns the screen black.

 ![image](https://us1.discourse-cdn.com/flex015/uploads/thunkable/original/3X/4/5/452acbc62e08c47c2ea1dd1c47f9c57a5729e6df.jpeg)

Check out screen 3

---

<div class="post-metadata">

### Author: ![22-036to1y](https://avatars.discourse-cdn.com/v4/letter/2/e47774/32.png) [@22-036to1y](https://community.thunkable.com/u/22-036to1y)
#### Post date: [January 27, 2020, 6:05pm UTC](https://community.thunkable.com/t/solved-background-color-for-screen/12959/9 "2020-01-27T18:05:02Z")

</div>

can this be done with all the screens in the application? I’m sorry I have just been trying to figure this out for 2 months now ☹

---

<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: [January 27, 2020, 7:04pm UTC](https://community.thunkable.com/t/solved-background-color-for-screen/12959/10 "2020-01-27T19:04:55Z")

</div>

of course @22-036to1y !

check this out.  
set a background color. save it to a variable. when any screen opens up, set the background color to that variable

[https://x.thunkable.com/copy/8736489ca6c702d95d8522671f06c201](https://x.thunkable.com/copy/8736489ca6c702d95d8522671f06c201)

---

<div class="post-metadata">

### Author: ![22-036to1y](https://avatars.discourse-cdn.com/v4/letter/2/e47774/32.png) [@22-036to1y](https://community.thunkable.com/u/22-036to1y)
#### Post date: [February 28, 2020, 12:13pm UTC](https://community.thunkable.com/t/solved-background-color-for-screen/12959/11 "2020-02-28T12:13:08Z")

</div>

Thank you !

---

<div class="post-metadata">

### Author: ![potentialthreat47wkx](https://avatars.discourse-cdn.com/v4/letter/p/c68b51/32.png) [@potentialthreat47wkx](https://community.thunkable.com/u/potentialthreat47wkx)
#### Post date: [September 10, 2020, 3:47am UTC](https://community.thunkable.com/t/solved-background-color-for-screen/12959/12 "2020-09-10T03:47:38Z")

</div>

Hi i am having the same problem but i cannot view the project link can you make another one?

---

<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, 11:40am UTC](https://community.thunkable.com/t/solved-background-color-for-screen/12959/13 "2024-11-08T11:40:42Z")

</div>


