Dark mode in a website with CSS
I love dark mode as a user, but as a developer it terrifies me how much complexity is involved in programming in 2019. At a stroke, it <i>doubles</i> the number of possible combinations of:<p>- 2 device sizes: desktop vs mobile (e.g. responsive)<p>- 3 platforms: web vs iOS vs Android, or web vs Windows vs macOS vs Linux (not even counting cross-browser or OS version quirks), or god forbid all of the above<p>- 2 input methods: hover/click/drag vs tap/hold/swipe<p>- 2 modes for accessibility: full visual+audio vs screenreader/captioned<p>- And now 2 visual modes: light vs dark<p>That's <i>48</i> combinations to design and test for. I'm probably forgetting some too. But as a developer it makes just the <i>baseline cost</i> of any basic app <i>so damned high</i>.<p>Again, as a user I love it. But the entrance cost for entrepreneurs, or even hobbyists? Man oh man.