DEV Community

Cover image for Unnecessary Dark Mode™ — It Just Gets Darker (And That's It)
Gaurang Bhatt
Gaurang Bhatt

Posted on

Unnecessary Dark Mode™ — It Just Gets Darker (And That's It)

April Fools Challenge Submission ☕️🤡

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

🔗 Live Demo on CodePen

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.
Enter fullscreen mode Exit fullscreen mode

બસ આ paste કરો અને Publish દબાવો! All the best! 🏆

Top comments (0)