# Gradient background screen color

**URL:** <https://community.thunkable.com/t/gradient-background-screen-color/67639>\
**Category:** Questions about Thunkable X\
**Created:** [February 5, 2019, 11:39am UTC](https://community.thunkable.com/t/gradient-background-screen-color/67639 "2019-02-05T11:39:13Z")\
**Posts on this page:** 11\
**Page:** 1

<div class="post-metadata">

**Author:** ![MyClik](https://avatars.discourse-cdn.com/v4/letter/m/c77e96/32.png) [@MyClik](https://community.thunkable.com/u/MyClik)\
**Post date:** [February 5, 2019, 11:39am UTC](https://community.thunkable.com/t/gradient-background-screen-color/67639/1 "2019-02-05T11:39:13Z")

</div>

How do you set a screen color to gradient?  
In other apps, I would be able to add two colors and set top - bottom/ left to right and the angle.

Thank you!

---

<div class="post-metadata">

**Author:** ![gautambhoon](https://sea1.discourse-cdn.com/flex015/user_avatar/community.thunkable.com/gautambhoon/32/25893_2.png) [@gautambhoon](https://community.thunkable.com/u/gautambhoon)\
**Post date:** [February 5, 2019, 11:50am UTC](https://community.thunkable.com/t/gradient-background-screen-color/67639/2 "2019-02-05T11:50:32Z")

</div>

You should search the community before creating a new thread.  
_(using the 2nd button on the Top Right Of your screen)_

maybe this will solve your problem :

[http://community.thunkable.com/t/extension-gradient-in-a-layout-colors-by-list/12508](http://community.thunkable.com/t/extension-gradient-in-a-layout-colors-by-list/12508)

don’t forget to give a like if it did. Thankyou

---

<div class="post-metadata">

**Author:** ![MyClik](https://avatars.discourse-cdn.com/v4/letter/m/c77e96/32.png) [@MyClik](https://community.thunkable.com/u/MyClik)\
**Post date:** [February 6, 2019, 3:17am UTC](https://community.thunkable.com/t/gradient-background-screen-color/67639/4 "2019-02-06T03:17:30Z")

</div>

From what I’m gathering. I have to download the extension and upload it to this? → ![image](https://us1.discourse-cdn.com/flex015/uploads/thunkable/original/3X/4/4/444584c9c10038ae398c25bc276e79c465c71c08.png)

---

<div class="post-metadata">

**Author:** ![Peter\_Mathijssen](https://sea1.discourse-cdn.com/flex015/user_avatar/community.thunkable.com/peter_mathijssen/32/7493_2.png) [@Peter\_Mathijssen](https://community.thunkable.com/u/Peter_Mathijssen)\
**Post date:** [February 6, 2019, 4:39am UTC](https://community.thunkable.com/t/gradient-background-screen-color/67639/5 "2019-02-06T04:39:34Z")

</div>

You are in the wrong category i changed it. You use Thunkable X and it can not use extensions.

---

<div class="post-metadata">

**Author:** ![gautambhoon](https://sea1.discourse-cdn.com/flex015/user_avatar/community.thunkable.com/gautambhoon/32/25893_2.png) [@gautambhoon](https://community.thunkable.com/u/gautambhoon)\
**Post date:** [February 6, 2019, 5:18am UTC](https://community.thunkable.com/t/gradient-background-screen-color/67639/6 "2019-02-06T05:18:21Z")

</div>

yes he changed it now. 😅

---

<div class="post-metadata">

**Author:** ![MyClik](https://avatars.discourse-cdn.com/v4/letter/m/c77e96/32.png) [@MyClik](https://community.thunkable.com/u/MyClik)\
**Post date:** [February 6, 2019, 5:26am UTC](https://community.thunkable.com/t/gradient-background-screen-color/67639/7 "2019-02-06T05:26:05Z")

</div>

Sorry for the novice questions. I just started playing around with Thunkable 2 days ago. It’s a huge bummer to not have extensions in X but I get it.

In this case, if I were to have gradient colors on X would I be stuck?  
I’m also afraid of running into more issues and limitations moving forward. Any tips?

---

<div class="post-metadata">

**Author:** ![Peter\_Mathijssen](https://sea1.discourse-cdn.com/flex015/user_avatar/community.thunkable.com/peter_mathijssen/32/7493_2.png) [@Peter\_Mathijssen](https://community.thunkable.com/u/Peter_Mathijssen)\
**Post date:** [February 6, 2019, 5:37am UTC](https://community.thunkable.com/t/gradient-background-screen-color/67639/8 "2019-02-06T05:37:26Z")

</div>

You could use a gradient background in it self.

---

<div class="post-metadata">

**Author:** ![MyClik](https://avatars.discourse-cdn.com/v4/letter/m/c77e96/32.png) [@MyClik](https://community.thunkable.com/u/MyClik)\
**Post date:** [February 6, 2019, 5:57am UTC](https://community.thunkable.com/t/gradient-background-screen-color/67639/9 "2019-02-06T05:57:51Z")

</div>

use an image instead?

---

<div class="post-metadata">

**Author:** ![danyklein](https://avatars.discourse-cdn.com/v4/letter/d/c37758/32.png) [@danyklein](https://community.thunkable.com/u/danyklein)\
**Post date:** [February 6, 2019, 12:34pm UTC](https://community.thunkable.com/t/gradient-background-screen-color/67639/10 "2019-02-06T12:34:30Z")

</div>

yes

---

<div class="post-metadata">

**Author:** ![darren](https://sea1.discourse-cdn.com/flex015/user_avatar/community.thunkable.com/darren/32/69854_2.png) [@darren](https://community.thunkable.com/u/darren)\
**Post date:** [February 6, 2019, 1:16pm UTC](https://community.thunkable.com/t/gradient-background-screen-color/67639/11 "2019-02-06T13:16:39Z")

</div>

@MyClik, Check out this video. I show you how to design gradient pictures on Canva and then use those pictures in Thunkable.

Happy Coding!  
Darren

---

<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, 12:16pm UTC](https://community.thunkable.com/t/gradient-background-screen-color/67639/12 "2024-11-08T12:16:20Z")

</div>


