How to indicate dark mode / light mode options on a user interface?

To indicate a button on an interface that switches to dark mode or to light mode, it’s common to have a couple of sun/moon icons:

🌞 for light mode
🌙 for dark mode

But at least part of my brain is saying “Click the Sun icon if your screen is too bright”, and I have to work out whether the moon is only visible during the night, and so “do I want the screen to be brighter because it’s darker or … “.

Well, perhaps my brain is a bit perverse – but are there better options for indicating a dark/light mode switch?


You could simply be straight forward with it….

enter image description here

Source : Link , Question Author : daycaster , Answer Author : Scott

Leave a Comment