💥 Flashbang Theme Toggle

Warning: This project may cause your website to look cool as f*ck. Use responsibly.

Live Demo

Test it here

What the f*ck is this?

Ever wanted to switch from dark mode to light mode with the subtlety of a tactical flashbang grenade? Well, congratulations, you've found your new favorite useless tool.

This isn't just a theme toggle. This is a weaponized theme toggle that:

• Plays an actual flashbang sound when you leave the darkness
• Blinds you with a white screen for a solid few seconds (just like the real thing!)
• Makes you question your life choices while waiting for your vision to return
• Looks damn good while doing it

Features That Nobody Asked For

• 🎵 Authentic flashbang audio - Because silence is for cowards
• ⚡ Visual white-out effect - Your retinas will thank you (they won't)
• 🎨 Smooth theme transitions - From darkness to "OH SH*T MY EYES"
• 📱 Responsive design - Blind yourself on any device
• ♿ Accessible - Screen readers will announce your poor decisions
• 🔒 Click protection - Can't spam the grenade (safety first!)

How to Use This Monstrosity

1. Clone this beautiful disaster:

   git clone <your-repo-url>
   cd flashbang_theme_toggle

2. Install the dependencies:

   yarn install

3. Run the chaos:

   yarn dev

4. Open your browser to http://localhost:3000

5. Click the grenade and prepare for sensory overload

Tech Stack (Because Why Not)

• Next.js 15 - Because we need the latest sh*t for our memes
• React 19 - Hooks for days
• Tailwind CSS v4 - Making it pretty while it destroys your corneas
• TypeScript - Type safety for unsafe decisions
• React Icons - Official social media icons (because we're classy like that)

The Science Behind the Madness

When you click that beautiful grenade button while in dark mode:

1. 🔊 Audio plays - Authentic flashbang sound effect
2. ⚪ Screen goes full white - Simulating the real experience
3. ⏱️ Holds for ~1 second - Maximum retinal damage
4. 🌅 Fades to light theme - Over 3.5 glorious seconds
5. 🚫 Button locks - No double-tapping allowed, soldier

Contributing

Found a bug? Want to make it even more ridiculous? PRs welcome! Just remember:

• Keep it stupid
• Keep it functional
• Keep it hilarious
• No removing the flashbang sound (that's sacred)

Legal Disclaimer

This project is not responsible for:

• Temporary or permanent vision loss
• Neighbors calling the police about explosion sounds
• Your boss questioning your productivity
• Existential crises triggered by theme switching
• Any actual military applications (please don't)

Credits

Built by Leddo - a delightfully unserious developer who clearly has too much time and not enough adult supervision.

Find me on:

• X (Twitter): @leddo_401
• Instagram: @leddo_

License

MIT - Because even chaos needs proper licensing.

---

Remember: With great power comes great responsibility. Use your flashbang wisely.

P.S. - If you actually use this in production, you're either a genius or completely insane. Probably both.