This is a submission for the DEV April Fools Challenge
What I Built
A dark mode toggle that does exactly one thing: make your screen darker. And darker. And darker.
No light mode comeback. No useful UI. No purpose. Just 10 levels of increasing darkness until you can't see anything at all — and a little message at the end congratulating you on achieving absolutely nothing.
Level 0: "Perfectly usable. How boring."
Level 10: "You have reached peak dark mode. Congratulations on nothing."
Demo
Code
<!-- Core concept: a button that makes things worse -->
<button onclick="moreDark()">Make it darker ▾</button>
` ` `
Full source: [CodePen](https://codepen.io/Gaurang-Bhatt-the-scripter/pen/QwKVJzN)
## How I Built It
Pure HTML + CSS + vanilla JavaScript. No frameworks. No libraries. No dependencies — because why add complexity to something this pointless?
- 10 dark levels using CSS classes
- Smooth `transition` animations between levels
- Stars appear as it gets darker (for atmosphere)
- Progress bar that tracks how deep into uselessness you've gone
- Messages that get increasingly philosophical as the screen dies
Total build time: ~1 hour. Time spent questioning my life choices: ongoing.
## Prize Category
**Community Favorite** — because sometimes the internet just wants to watch a screen go dark for no reason.
બસ આ paste કરો અને Publish દબાવો! All the best! 🏆
Top comments (0)