# Light mode/ Dark mode **URL:** \ **Category:** Questions about Thunkable X\ **Tags:** beginner\ **Created:** [November 17, 2024, 11:44pm UTC](https://community.thunkable.com/t/light-mode-dark-mode/3348117 "2024-11-17T23:44:43Z")\ **Posts on this page:** 8\ **Page:** 1
**Author:** ![leandrocaduff49r3shm](https://avatars.discourse-cdn.com/v4/letter/l/51bf81/32.png) [@leandrocaduff49r3shm](https://community.thunkable.com/u/leandrocaduff49r3shm)\ **Post date:** [November 17, 2024, 11:44pm UTC](https://community.thunkable.com/t/light-mode-dark-mode/3348117/1 "2024-11-17T23:44:43Z")
id like to ask how i can make a light and dark mode feature with the “switch” button in blocks 🙂 ---
**Author:** ![ant\_1](https://sea1.discourse-cdn.com/flex015/user_avatar/community.thunkable.com/ant_1/32/183393_2.png) [@ant\_1](https://community.thunkable.com/u/ant_1)\ **Post date:** [November 18, 2024, 3:23am UTC](https://community.thunkable.com/t/light-mode-dark-mode/3348117/2 "2024-11-18T03:23:52Z")
it’s pretty simple. when designing the interface of the app, start with a white background and black text (or you can start with a black background and white text). Then you place the switch button on the screen and customize it to however you want. Now for the coding, you place a when switch value changed, if switch’s 1 value, set screen 1 background to white and set label text color to black, else do the opposite of the above. you can customize it however you want. any confusions please let me know ---
**Author:** ![ant\_1](https://sea1.discourse-cdn.com/flex015/user_avatar/community.thunkable.com/ant_1/32/183393_2.png) [@ant\_1](https://community.thunkable.com/u/ant_1)\ **Post date:** [November 18, 2024, 3:26am UTC](https://community.thunkable.com/t/light-mode-dark-mode/3348117/3 "2024-11-18T03:26:36Z")
or if you are wondering to make the device’s color scheme dark then use the [is color scheme dark? block](https://docs.thunkable.com/blocks/blocks/device) ---
**Author:** ![leandrocaduff49r3shm](https://avatars.discourse-cdn.com/v4/letter/l/51bf81/32.png) [@leandrocaduff49r3shm](https://community.thunkable.com/u/leandrocaduff49r3shm)\ **Post date:** [November 18, 2024, 11:56am UTC](https://community.thunkable.com/t/light-mode-dark-mode/3348117/4 "2024-11-18T11:56:34Z")
Thanks alot! im pretty new so im not really familiar with this stuff ---
**Author:** ![ant\_1](https://sea1.discourse-cdn.com/flex015/user_avatar/community.thunkable.com/ant_1/32/183393_2.png) [@ant\_1](https://community.thunkable.com/u/ant_1)\ **Post date:** [November 18, 2024, 12:12pm UTC](https://community.thunkable.com/t/light-mode-dark-mode/3348117/5 "2024-11-18T12:12:34Z")
once your problem has been solved, please tick the solution block under my reply. thanks and have a good day ---
**Author:** ![leandrocaduff49r3shm](https://avatars.discourse-cdn.com/v4/letter/l/51bf81/32.png) [@leandrocaduff49r3shm](https://community.thunkable.com/u/leandrocaduff49r3shm)\ **Post date:** [November 18, 2024, 2:17pm UTC](https://community.thunkable.com/t/light-mode-dark-mode/3348117/6 "2024-11-18T14:17:51Z")
just have a little problem that i canf find the “if” block ---
**Author:** ![ant\_1](https://sea1.discourse-cdn.com/flex015/user_avatar/community.thunkable.com/ant_1/32/183393_2.png) [@ant\_1](https://community.thunkable.com/u/ant_1)\ **Post date:** [November 18, 2024, 3:15pm UTC](https://community.thunkable.com/t/light-mode-dark-mode/3348117/7 "2024-11-18T15:15:26Z")
its in the control blocks section ---
**Author:** ![system](https://us1.discourse-cdn.com/flex015/uploads/thunkable/original/3X/0/f/0f59f292712368bce16ff80133ae10de8a6f27e8.png) [@system](https://community.thunkable.com/u/system)\ **Post date:** [February 16, 2025, 3:16pm UTC](https://community.thunkable.com/t/light-mode-dark-mode/3348117/8 "2025-02-16T15:16:27Z")
This topic was automatically closed 90 days after the last reply. New replies are no longer allowed.