# Dark Mode For App

**URL:** <https://community.thunkable.com/t/dark-mode-for-app/1463085>\
**Category:** Questions about Thunkable X\
**Created:** [August 22, 2021, 10:39am UTC](https://community.thunkable.com/t/dark-mode-for-app/1463085 "2021-08-22T10:39:41Z")\
**Posts on this page:** 8\
**Page:** 1

<div class="post-metadata">

**Author:** ![shivendrasontakke008](https://avatars.discourse-cdn.com/v4/letter/s/848f3c/32.png) [@shivendrasontakke008](https://community.thunkable.com/u/shivendrasontakke008)\
**Post date:** [August 22, 2021, 10:39am UTC](https://community.thunkable.com/t/dark-mode-for-app/1463085/1 "2021-08-22T10:39:41Z")

</div>

Hi can anyone tell me how I can add dark mode to my app  
thanks:)

---

<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:** [August 22, 2021, 11:47am UTC](https://community.thunkable.com/t/dark-mode-for-app/1463085/2 "2021-08-22T11:47:30Z")

</div>

use the is device scheme color block.  
then set any color property to fit the dark theme

---

<div class="post-metadata">

**Author:** ![shivendrasontakke008](https://avatars.discourse-cdn.com/v4/letter/s/848f3c/32.png) [@shivendrasontakke008](https://community.thunkable.com/u/shivendrasontakke008)\
**Post date:** [August 22, 2021, 12:03pm UTC](https://community.thunkable.com/t/dark-mode-for-app/1463085/3 "2021-08-22T12:03:39Z")

</div>

thanks but not able to understand

---

<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:** [August 22, 2021, 12:19pm UTC](https://community.thunkable.com/t/dark-mode-for-app/1463085/4 "2021-08-22T12:19:48Z")

</div>

Use the blue is device Dark/light block in the device drawer.  
Returns true of false.  
If true Do whatever you want.

---

<div class="post-metadata">

**Author:** ![Michael\_Rogulla](https://avatars.discourse-cdn.com/v4/letter/m/ba8739/32.png) [@Michael\_Rogulla](https://community.thunkable.com/u/Michael_Rogulla)\
**Post date:** [August 28, 2021, 5:20pm UTC](https://community.thunkable.com/t/dark-mode-for-app/1463085/5 "2021-08-28T17:20:38Z")

</div>

Hi @sketch and @shivendrasontakke008 and all the others,

Here are my example blocks, have fun!

![grafik](https://us1.discourse-cdn.com/flex015/uploads/thunkable/original/3X/3/8/38d5a2eac0c95442f7e243e92f953b746596e566.png)

---

<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:** [August 28, 2021, 6:54pm UTC](https://community.thunkable.com/t/dark-mode-for-app/1463085/6 "2021-08-28T18:54:44Z")

</div>

Yep that’s exactly how it works

---

<div class="post-metadata">

**Author:** ![shivendrasontakke008](https://avatars.discourse-cdn.com/v4/letter/s/848f3c/32.png) [@shivendrasontakke008](https://community.thunkable.com/u/shivendrasontakke008)\
**Post date:** [August 29, 2021, 5:12am UTC](https://community.thunkable.com/t/dark-mode-for-app/1463085/7 "2021-08-29T05:12:21Z")

</div>

Ohh.  
Thanks 👍😊

---

<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:17pm UTC](https://community.thunkable.com/t/dark-mode-for-app/1463085/8 "2024-11-08T13:17:13Z")

</div>