How to Create Simple Dark Mode Using (New Logic)

[Salman_Dev]

Hi All, Today I will show you how to make a Dark Mode on your App that was made with Mit App Inventor.

The first step you have to do is create a project in the MIT app inventor, if you don't know how to create a project in the MIT app inventor you can see it here :

AppInventorTutorials.pdf

---

Okay, if you're done making the project, you can continue in the second stage.

In the second stage, create a screen1 like this with the components shown in the image :

And Block Like this on screen1 :

Okay, if you have finished the second stage, now we will go to the third stage.

In the third stage you have to make Screen2 first, after that create the Components as shown below :

And make the blocks like this on screen2 :

---

Aia Project :
NewDarkMode.aia (13.5 KB)

When you've finished creating the project, now you just need to build the app.

---

Project Results :

---

Thank you for reading this topic and happy learning.

[TIMAI2]

I am looking for the "New Logic" - or is it just logic that is new to you ?

[Salman_Dev]

Maybe that's a new logic for me, But in my opinion it is a very new logic.

[Italo]

This is almost the same, but using the new dictionary blocks instead of variables.
It's in Kodular, but the blocks are standard ones present in App Inventor too.

Custom themes on all app screens

[Salman_Dev]

Okay, I got it, Thanks @Italo for your info.
I made this tutorial because it has simpler logic and I hope beginners can understand it better.

[ChrisWard]

One of the reasons for a Dark Mode is to preserve the battery life. This is why Apps that have a Dark Mode usually have a black background - pixels are off.

[Raj]

Awesome Guide , It Will help me in my new app , Thanks

[Salman_Dev]

You're welcome

[973_Video_Made]

Thank you

[RR_Media]

Hey, great tutorial, but is it possible to find the system default theme from the device and set it?
Ex: Device theme is dark-> app sets mode to dark.
I don't mean the app theme available in designer, I mean to change theme like you showed above

[AyProductions]

With your logic, I was not only able to code dark mode in App Inventor, but also in C# !

Good Tutorial!

[Salman_Dev]

@AyProductions

but also in C#

I'm very happy to hear that
Thanks

[JopaHitray]

Thank you for this block, my method kept resetting the slider value, or switching it but not changing the color, using your example I managed to make a dark mode for the program, thank you very much