Lately, I’ve been thinking a lot readability and information retention. I firmly believe that people have an easier time comprehending dark text on a light background. However, there are certainly times when light text on a dark background is a valid design choice. For example, staring at a white background when reading late at night is terrible for your eyes.
To address this issue, I added a “night mode” to my website that automatically turns on after 5 PM and stays active until 5 AM. I decided to forgo the typical night/light mode button because there’s nowhere obvious to put such a button on my website. Here’s how I added the automatic night mode feature.