# Help me to make dark mode

**URL:** <https://community.thunkable.com/t/help-me-to-make-dark-mode/1410365>\
**Category:** Questions about Thunkable X\
**Created:** [July 23, 2021, 9:32am UTC](https://community.thunkable.com/t/help-me-to-make-dark-mode/1410365 "2021-07-23T09:32:08Z")\
**Posts on this page:** 9\
**Page:** 1

<div class="post-metadata">

**Author:** ![hikingplayz](https://avatars.discourse-cdn.com/v4/letter/h/a87d85/32.png) [@hikingplayz](https://community.thunkable.com/u/hikingplayz)\
**Post date:** [July 23, 2021, 9:32am UTC](https://community.thunkable.com/t/help-me-to-make-dark-mode/1410365/1 "2021-07-23T09:32:08Z")

</div>

Hey somebody plz help i am trying to make a dark mode for my app D - Note  
Does anyone have any idea how to make it ?

---

<div class="post-metadata">

**Author:** ![jaythemanchs](https://sea1.discourse-cdn.com/flex015/user_avatar/community.thunkable.com/jaythemanchs/32/92809_2.png) [@jaythemanchs](https://community.thunkable.com/u/jaythemanchs)\
**Post date:** [July 23, 2021, 9:54am UTC](https://community.thunkable.com/t/help-me-to-make-dark-mode/1410365/2 "2021-07-23T09:54:59Z")

</div>

Have a look at this, I made it a while ago

> [@App can recognise dark mode!](https://community.thunkable.com/t/app-can-recognise-dark-mode/590563/):
>
> Hello all thunkers, if you’re interested in dark mode then you’ve come to the right place. So lately I’ve been using Apple developer and I figured out how to use dark mode on websites and I thought why stop there. This app uses a webviewer with an HTML file, (unzip the file), combined with a “receives message” event to determine whether the website is in dark mode or not. Then the code fires and sends a message to the app saying “light” or “dark”. The app picks up the message and sets the back…

---

<div class="post-metadata">

**Author:** ![bnice](https://sea1.discourse-cdn.com/flex015/user_avatar/community.thunkable.com/bnice/32/110648_2.png) [@bnice](https://community.thunkable.com/u/bnice)\
**Post date:** [July 23, 2021, 2:06pm UTC](https://community.thunkable.com/t/help-me-to-make-dark-mode/1410365/3 "2021-07-23T14:06:07Z")

</div>

You can also check out the is device color scheme dark? block in the documentation. Here it is. It’s at the bottom of the page. [Device - Thunkable Docs](https://docs.thunkable.com/device)

---

<div class="post-metadata">

**Author:** ![hikingplayz](https://avatars.discourse-cdn.com/v4/letter/h/a87d85/32.png) [@hikingplayz](https://community.thunkable.com/u/hikingplayz)\
**Post date:** [July 24, 2021, 3:29am UTC](https://community.thunkable.com/t/help-me-to-make-dark-mode/1410365/4 "2021-07-24T03:29:30Z")

</div>

Hey i was looking for dark mode in my app not for web

---

<div class="post-metadata">

**Author:** ![jaythemanchs](https://sea1.discourse-cdn.com/flex015/user_avatar/community.thunkable.com/jaythemanchs/32/92809_2.png) [@jaythemanchs](https://community.thunkable.com/u/jaythemanchs)\
**Post date:** [July 24, 2021, 11:53am UTC](https://community.thunkable.com/t/help-me-to-make-dark-mode/1410365/5 "2021-07-24T11:53:09Z")

</div>

If you copy the project you will figure out how it works

---

<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:** [July 24, 2021, 12:11pm UTC](https://community.thunkable.com/t/help-me-to-make-dark-mode/1410365/6 "2021-07-24T12:11:07Z")

</div>

@hikingplayz

what @jaythemanchs is not including is that you will need to create all of the workup to switch between light and dark. there is no easy fix.

this is one area that style sheets would come in handy. Essentially, you’ll need to switch every color manually for any visible element that needs to be different. big pain in the ass but looks nice when you do it.

this is an easier solution for app only. this is the info that @bnice linked to above

 ![Screen Shot 2021-07-24 at 8.09.34 AM](https://us1.discourse-cdn.com/flex015/uploads/thunkable/original/3X/b/c/bcb2b7d0386f4601327f98a2558260a0e643526d.png)

---

<div class="post-metadata">

**Author:** ![overturner](https://avatars.discourse-cdn.com/v4/letter/o/53a042/32.png) [@overturner](https://community.thunkable.com/u/overturner)\
**Post date:** [July 24, 2021, 12:34pm UTC](https://community.thunkable.com/t/help-me-to-make-dark-mode/1410365/7 "2021-07-24T12:34:10Z")

</div>

> <https://github.com/thunkable/thunkable-issues/issues/960>
>
> Set Device to dark mode block can be very helpful .

---

<div class="post-metadata">

**Author:** ![candy](https://sea1.discourse-cdn.com/flex015/user_avatar/community.thunkable.com/candy/32/159573_2.png) [@candy](https://community.thunkable.com/u/candy)\
**Post date:** [April 2, 2023, 7:59pm UTC](https://community.thunkable.com/t/help-me-to-make-dark-mode/1410365/8 "2023-04-02T19:59:29Z")

</div>

this would be helpful

---

<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/help-me-to-make-dark-mode/1410365/9 "2024-11-08T13:17:49Z")

</div>


