This site will have limited functionality while we undergo maintenance to improve your experience. If an article doesn't solve your issue and you want to ask a question, we have our support community waiting to help you at @FirefoxSupport on Twitter and/r/firefox on Reddit.

Avatar for Username

Search Support

Avoid support scams. We will never ask you to call or text a phone number or share personal information. Please report suspicious activity using the “Report Abuse” option.

Learn More

This thread was archived. Please ask a new question if you need help.

User styles and user CSS can no longer kill Tumblr's blue background.

  • 2 replies
  • 1 has this problem
  • 25 views
  • Last reply by cor-el

MarjaE
MarjaE
more options

By default, Tumblr has a blue background (as well as pain/animation everywhere). I have used a number of user styles to change this to a green background, which doesn't give me headaches (and to block the pain/animation everywhere).

A couple weeks ago, this stopped working in Firefox, and I've had to use Waterfox for that site.

I've tried "green and grey for tumblr dash" as a user style and written into user css, "tumblr TEN" as a user style, "Grayscale Browsing," as an add on, and a couple others, but none can kill tumblr's blue background in Firefox 60 or 61.

All still work in Waterfox.

Does anyone know a way to kill tumblr's blue background in Firefox?

By default, Tumblr has a blue background (as well as pain/animation everywhere). I have used a number of user styles to change this to a green background, which doesn't give me headaches (and to block the pain/animation everywhere). A couple weeks ago, this stopped working in Firefox, and I've had to use Waterfox for that site. I've tried "green and grey for tumblr dash" as a user style and written into user css, "tumblr TEN" as a user style, "Grayscale Browsing," as an add on, and a couple others, but none can kill tumblr's blue background in Firefox 60 or 61. All still work in Waterfox. Does anyone know a way to kill tumblr's blue background in Firefox?

All Replies (2)

Ed
Ed
more options

Put this in your userChrome.css:

.discover {background-color:green !important;}

Not sure how to kill animations, I don't see them as I don't have a Tumblr login.

cor-el
cor-el
  • Moderator
  • Top 10 Contributor
more options

Note that code for web pages needs to be in userContent.css. 

@-moz-document domain(www.tumblr.com){
/* put rules that apply to this domain here/
}

Hi Marja.

You would normally right-click in the area where you want to change the background color and use Inspect Element in the right-click context menu to open this element in the Inspector. There you can try to find the element that sets this background color, easiest is to use the search bar in the right pane (Rules) and search for background.

Can you post a link to a publicly accessible page (i.e. no authentication or signing on required)?