🌄Manage dark mode

All the different ways you can maintain consistent dark mode toggles.

Dark mode - what is it

Historically, website creators as well as the users don’t care about screen time. Creators want more screen time, so do the users if they like the content. However, recent burst of internet usage among younger generations forced things to change. There are laws now imposed by various authorities based on which the website creators need to enable certain measures that either reduce the screen time or provide ways to prevent health issues. One such issue everybody now sees is the amount of bad light coming out of the computer screens. If you work at night or are just browsing casually on your phone, you are exposed to disproportionate level of light which your eyes are not made to take in. This affects your eyes in a way so that you may not get sleep quickly or your eyes become strained causing vision problems. This concern resulted in different themes of UIs created for different times of the day. This way, user now has the choice to switch to a darker theme if they feel so. Many operating systems natively support features like dark theme, warmer screen colours during evening and night.

This is how dark mode is born. These days, virtually every web-site either supports dark mode out of the box or has switched to color themes that are good for eyes.

What is the challenge here

Wrong ways of fixing this

Some simple ways

If you want to be fancy


👾All UI Stuffchevron-right

Last updated