Dark mode in JSFiddle

Oskar Krawczyk 🌲 — Tue, 02 Jan 2018 19:12:41 +0000

// Detect dark theme var iframe = document.getElementById('tweet-946872516399779843-210'); if (document.body.className.includes('dark-theme')) { iframe.src = "https://platform.twitter.com/embed/Tweet.html?id=946872516399779843&theme=dark" }

If anything was a clear take from our roadmap (and that tweet ^) is that people really want a dark mode in JSFiddle – that feature request got a whooping 484 votes.

Took a while finally managed to get it done, and it turned out really, really nice.

A few months back I've done a poll, where most JSFiddle users said they actually prefer a dark theme, which is why that one is now the default.

The update brought some other improvements, like completely removed all web/icon-fonts, which we're always a burden to maintain and had a lot of negative impact on loading times. Now all icons and SVG – actually there's not a single image on the site, all is code.

Who doesn't love better loading times! 🚀

There are a few more updates dropping soon, one of which is another big one – switching between different editor grids!

// Detect dark theme var iframe = document.getElementById('tweet-947462762464268288-998'); if (document.body.className.includes('dark-theme')) { iframe.src = "https://platform.twitter.com/embed/Tweet.html?id=947462762464268288&theme=dark" }

Forem: JSFiddle

Dark mode in JSFiddle