<metaproperty="og:title"content="Turn the lights down, dark mode has come to NewsBlur"/>
<metaproperty="og:locale"content="en_US"/>
<metaname="description"content="We’ve had dark mode on iOS and Android for years but I’m now pleased to announce a worthy dark theme has come to the NewsBlur web app."/>
<metaproperty="og:description"content="We’ve had dark mode on iOS and Android for years but I’m now pleased to announce a worthy dark theme has come to the NewsBlur web app."/>
{"@context":"https://schema.org","@type":"BlogPosting","dateModified":"2020-06-24T11:29:59-04:00","datePublished":"2020-06-24T11:29:59-04:00","description":"We’ve had dark mode on iOS and Android for years but I’m now pleased to announce a worthy dark theme has come to the NewsBlur web app.","headline":"Turn the lights down, dark mode has come to NewsBlur","mainEntityOfPage":{"@type":"WebPage","@id":"https://blog.newsblur.com/2020/06/24/turn-the-lights-down-dark-mode-has-come-to/"},"publisher":{"@type":"Organization","logo":{"@type":"ImageObject","url":"https://blog.newsblur.com/assets/newsblur_logo_512.png"}},"url":"https://blog.newsblur.com/2020/06/24/turn-the-lights-down-dark-mode-has-come-to/"}</script>
<p>The origins for this theme came from the community. Originally started by <ahref="https://userstyles.org/styles/86275/newsblur-kemwer-black">Kemwer in 2013</a>, it has been maintained and updated by <ahref="https://userstyles.org/styles/124890/newsblur-dark-theme-by-splike">Splike since 2014</a>. In fact, you can still use Splike’s theme as an alternate dark mode.</p>
<p>That’s 7 years of NewsBlur having an unofficial dark mode, but users had to jump through hoops to use it: installing a browser extension (which had a <ahref="https://news.ycombinator.com/item?id=17447816">malware scare in 2018</a>) or having to copy the Stylish CSS to NewsBlur’s Account settings where it would need to be manually updated. What NewsBlur needed was having it built in.</p>
<p>Today NewsBlur is shipping first-class support. Building a dark theme requires more than inverting the existing color scheme, turning white to black and green to purple. Quite a bit of thought around UX and information hierarchy went into this dark theme design. I also used this as an opportunity to freshen up icons and small visual details on both light and dark themes.</p>
<p>Now we have a consistent dark theme across all of the first-party apps. The <ahref="https://blog.newsblur.com/2021/06/21/2014-11-18-offline-reading-and-a-dark-theme-on-the-android.html">Android app had dark mode first in 2014</a>. Then came the <ahref="https://blog.newsblur.com/2021/06/21/2016-04-12-newsblur-goes-dark-on-ios.html">iOS app is 2016</a>. Now we’re firmly in 2020 and it’s made it to the web. Goes to show that NewsBlur is always getting better.</p>
<p>If you like the new features we’ve been releasing recently, I would greatly appreciate if you could share a tweet or Facebook post about NewsBlur. <strong>If you enjoy staying connected with culture and news through NewsBlur and you think your friends and followers would too, let them know about your news reader of choice.</strong> I appreciate all the kind comments that have come in since releasing this new theme.</p>
<blockquote>
<p>In love 🥰 with the new dark theme of <ahref="https://twitter.com/NewsBlur?ref_src=twsrc%5Etfw">@NewsBlur</a> ! Kudos <ahref="https://twitter.com/samuelclay?ref_src=twsrc%5Etfw">@samuelclay</a> 👍</p>
<p>— Jean Traullé (@jtraulle) <ahref="https://twitter.com/jtraulle/status/1275814360141701120?ref_src=twsrc%5Etfw">June 24, 2020</a></p>
<divclass="footer-col footer-col-1"><ulclass="social-media-list"><li><ahref="https://github.com/samuelclay"><svgclass="svg-icon"><usexlink:href="/assets/minima-social-icons.svg#github"></use></svg><spanclass="username">samuelclay</span></a></li><li><ahref="https://www.twitter.com/newsblur"><svgclass="svg-icon"><usexlink:href="/assets/minima-social-icons.svg#twitter"></use></svg><spanclass="username">newsblur</span></a></li><li><ahref="mailto:blog@newsblur.com?subject=Hello from the NewsBlur blog"><svgclass="svg-icon"><usexlink:href="/assets/minima-social-icons.svg#email"></use></svg><spanclass="username">blog@newsblur.com</span></a></li></ul>
</div>
<divclass="footer-col footer-col-3">
<p>NewsBlur is a personal news reader that brings people together to talk about the world.<br/>
