# Help i want to know how can i change text and background color before i click the button, when i click the button one more time

**URL:** <https://community.thunkable.com/t/help-i-want-to-know-how-can-i-change-text-and-background-color-before-i-click-the-button-when-i-click-the-button-one-more-time/511730>\
**Category:** Questions about Thunkable X\
**Tags:** beginner\
**Created:** [March 12, 2020, 3:41pm UTC](https://community.thunkable.com/t/help-i-want-to-know-how-can-i-change-text-and-background-color-before-i-click-the-button-when-i-click-the-button-one-more-time/511730 "2020-03-12T15:41:42Z")\
**Posts on this page:** 3\
**Page:** 1

<div class="post-metadata">

**Author:** ![vielglucklifeyqi](https://avatars.discourse-cdn.com/v4/letter/v/6a8cbe/32.png) [@vielglucklifeyqi](https://community.thunkable.com/u/vielglucklifeyqi)\
**Post date:** [March 12, 2020, 3:41pm UTC](https://community.thunkable.com/t/help-i-want-to-know-how-can-i-change-text-and-background-color-before-i-click-the-button-when-i-click-the-button-one-more-time/511730/1 "2020-03-12T15:41:42Z")

</div>

if i click the button, background color and text will be change.  
how can i make it if i click the button one more time, it will be back?

![image](https://us1.discourse-cdn.com/flex015/uploads/thunkable/original/3X/d/b/db322a3cb5574c041a1d5fc09155b944fb03007f.png)

---

<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:** [March 12, 2020, 4:24pm UTC](https://community.thunkable.com/t/help-i-want-to-know-how-can-i-change-text-and-background-color-before-i-click-the-button-when-i-click-the-button-one-more-time/511730/2 "2020-03-12T16:24:07Z")

</div>

Hey @vielglucklifeyqi 👋 Welcome!!

Sounds like you’re trying to make a toggle.

Take a look at our sample app “Toggl” to learn how to do this with a button:

> [@Creating a Toggle in Thunkable](http://community.thunkable.com/t/creating-a-toggle-in-thunkable-x/53574/2):
>
> Button You can also combine [buttons](https://docs.thunkable.com/thunkable-cross-platform/create/components/user-interface/button) and [variables](https://docs.thunkable.com/thunkable-cross-platform/create/blocks/variables) to create a simple toggle like so: [25] In this example, in addition to changing the text on the button we also chance the value of the variable and the text colour in the button. [Click to remix the “Toggl” app](https://x.thunkable.com/copy/22cb09b96dffc0d557d5feab3e481ffe)

---

<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/help-i-want-to-know-how-can-i-change-text-and-background-color-before-i-click-the-button-when-i-click-the-button-one-more-time/511730/3 "2024-11-08T11:40:25Z")

</div>