<metaproperty="og:title"content="Add your own Custom CSS and Custom JavaScript to NewsBlur on the web"/>
<metaproperty="og:locale"content="en_US"/>
<metaname="description"content="Ever wanted to customize NewsBlur on the web but didn’t want to install custom browser extensions so you could shoe-horn in monkey-patched code? And if you did use a browser extension, didn’t you just hate having to keep it synchronized between your computers? Just for you, NewsBlur now has two new fields: Custom CSS and Custom Javascript."/>
<metaproperty="og:description"content="Ever wanted to customize NewsBlur on the web but didn’t want to install custom browser extensions so you could shoe-horn in monkey-patched code? And if you did use a browser extension, didn’t you just hate having to keep it synchronized between your computers? Just for you, NewsBlur now has two new fields: Custom CSS and Custom Javascript."/>
{"@context":"https://schema.org","@type":"BlogPosting","dateModified":"2017-05-22T05:00:41-04:00","datePublished":"2017-05-22T05:00:41-04:00","description":"Ever wanted to customize NewsBlur on the web but didn’t want to install custom browser extensions so you could shoe-horn in monkey-patched code? And if you did use a browser extension, didn’t you just hate having to keep it synchronized between your computers? Just for you, NewsBlur now has two new fields: Custom CSS and Custom Javascript.","headline":"Add your own Custom CSS and Custom JavaScript to NewsBlur on the web","mainEntityOfPage":{"@type":"WebPage","@id":"https://blog.newsblur.com/2017/05/22/add-your-own-custom-css-and-custom-javascript-to/"},"publisher":{"@type":"Organization","logo":{"@type":"ImageObject","url":"https://blog.newsblur.com/assets/newsblur_logo_512.png"}},"url":"https://blog.newsblur.com/2017/05/22/add-your-own-custom-css-and-custom-javascript-to/"}</script>
<p>Ever wanted to customize NewsBlur on the web but didn’t want to install custom browser extensions so you could shoe-horn in monkey-patched code? And if you did use a browser extension, didn’t you just hate having to keep it synchronized between your computers? Just for you, NewsBlur now has two new fields: Custom CSS and Custom Javascript.</p>
<p>Head to <em>Manage > Account > Custom CSS/JS</em>. And here’s what you can do with this new feature.</p>
<p><strong>Install an unofficial dark theme for NewsBlur</strong></p>
<p>Over on Stylish, a community for custom CSS, there are <ahref="https://userstyles.org/styles/browse?search_terms=newsblur">a bunch of stylesheets that change how NewsBlur looks</a>. Have you ever wanted a dark theme? There’s a few and <ahref="https://userstyles.org/styles/124890/newsblur-dark-theme-by-splike">the most popular is made by NewsBlur user Splike</a>. (Note: you will have to remove the @moz delcaraction along with the surrounding {}’s at the top and bottom lines.)</p>
<p><strong>Hide that module or link that you don’t want to see on NewsBlur</strong></p>
<p>Don’t like seeing Global Shared Stories or the River of News on the Dashboard? You can hide them with this little bit of CSS:</p>
<divclass="language-plaintext highlighter-rouge"><divclass="highlight"><preclass="highlight"><code>/* Hides the Global Shared Stories feed */
.NB-feeds-header-river-global-container {
display: none !important;
}
/* Hides the Dashboard River */
.NB-module-river {
display: none !important;
}
</code></pre></div></div>
<p><strong>Run a custom script</strong></p>
<p>Ok, to be 100% truthful, I have no idea why you’d want to run custom JavaScript on NewsBlur. But if you figure out a reason please let me know! Either <ahref="http://samuel@newsblur.com">shoot me an email</a> or mention it to <ahref="https://twitter.com/newsblur">@newsblur on Twitter</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/>
