NewsBlur-viq/blog/_posts/tumblr/2017-05-22-add-your-own-custom-css-and-custom-javascript-to.md
2021-06-22 13:05:48 -04:00

2.6 KiB
Raw Blame History

layout title date tags tumblr_url redirect_from
post Add your own Custom CSS and Custom JavaScript to NewsBlur on the web 2017-05-22T05:00:41-04:00
web
https://blog.newsblur.com/post/160944994686/add-your-own-custom-css-and-custom-javascript-to /post/160944994686/add-your-own-custom-css-and-custom-javascript-to/

Ever wanted to customize NewsBlur on the web but didnt want to install custom browser extensions so you could shoe-horn in monkey-patched code? And if you did use a browser extension, didnt 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.

Head to Manage > Account > Custom CSS/JS. And heres what you can do with this new feature.

Install an unofficial dark theme for NewsBlur

Over on Stylish, a community for custom CSS, there are a bunch of stylesheets that change how NewsBlur looks. Have you ever wanted a dark theme? Theres a few and the most popular is made by NewsBlur user Splike. (Note: you will have to remove the @moz delcaraction along with the surrounding {}s at the top and bottom lines.)

Hide that module or link that you dont want to see on NewsBlur

Dont like seeing Global Shared Stories or the River of News on the Dashboard? You can hide them with this little bit of CSS:

/* 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;
}

Run a custom script

Ok, to be 100% truthful, I have no idea why youd want to run custom JavaScript on NewsBlur. But if you figure out a reason please let me know! Either shoot me an email or mention it to @newsblur on Twitter.