Dark/Light mode tutorial for beginners

Guides
#1

I am creating this guide to help beginners to see how they can also implement dark/light mode in their apps.

Demo app - Google drive

Demo aia - Cloudinary

Screenshots of blocks and screens =

Main screen =

2
2966×719 36.7 KB

Blocks =
1
1791×502 78.4 KB

Settings screen =

3
3939×710 37.2 KB

Blocks =
4
4703×487 66.6 KB

Screenshots of dark/light mode =

screen1dark
screen1dark500×1083 16.7 KB
scrren1light
scrren1light500×1083 16.1 KB

setDark
setDark500×1083 16.6 KB
setLight
setLight500×1083 14.6 KB

5 Likes
How To Make Dark Mode In App With Kodular (Totarial)
Tiny Database with 3 buttons
AppDev: Aia & Extension store
#2

Good Job… Nice Tutorial.

1 Like
#3

Well-done, keep on the good works.

1 Like
#4

I think you mean night mode. Btw nice tutorial

1 Like
#5

Bhai can you show your wallsell apps,
dark modes block it’s perfect it’s look like no screen closing.


Like this
Please show this apps dark mode blocks3
Tiny Database with 3 buttons
#6

Just change color without changing or reloading the screen

1 Like