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.

Can I make the address bar more transparent(less white, but not dark)?

  • 3 replies
  • 1 has this problem
  • 9 views
  • Last reply by user1929

youngct
youngct
more options

I've uploaded an image of my setup on firefox 57.0.1. I'm loving it so far, especially after remembering how to pad my toolbar space to where my theme look nice and relaxing. So, this whole huge white address bar. It's obnoxious.

Please note, I was using a much older version of windows and firefox before. I do not remember a huge white bar going through the middle of my theme. Is there a way I can help this? Can I make it more transparent instead of a white background on the address bar? I've searched through add-ons, but I didn't find anything. I think this is the last thing I'd like to do before it's perfect again.

Thanks for the assistance.

I've uploaded an image of my setup on firefox 57.0.1. I'm loving it so far, especially after remembering how to pad my toolbar space to where my theme look nice and relaxing. So, this whole huge white address bar. It's obnoxious. Please note, I was using a much older version of windows and firefox before. I do not remember a huge white bar going through the middle of my theme. Is there a way I can help this? Can I make it more transparent instead of a white background on the address bar? I've searched through add-ons, but I didn't find anything. I think this is the last thing I'd like to do before it's perfect again. Thanks for the assistance.
Attached screenshots

All Replies (3)

youngct
youngct Question owner
more options

Well, I just cycled through a few of my themes. I also realized Personas Shuffler is no longer a support add-on on firefox 57.0.1. That sucks!

It appears that my question is tied to the theme. My star wars theme has a grey address bar color, so it sticks out less. Wish the Bob's Burgers theme was a brown address bar or something. Maybe I should start making themes.

youngct
youngct Question owner
more options

Startup Theme Changer works the same way as Personas Shuffler, so I'm using that now. My other themes also have weird address bar colors to where it sticks out too much. Also, the tab's transparency is not transparent enough either. Let me know if anyone has any suggestions for this.

user1929
user1929
more options

Hi,

You can override the theme's built-in settings by creating a userChrome.css file. To do this, follow the instructions here: https://www.userchrome.org/how-create-userchrome-css.html . When you get to the "Adding Style Recipes to userChrome.css" step, try adding the following: 

:root {
  --url-and-searchbar-background-color: rgba(255, 255, 255, 0.25);
}

The "0.25" number there controls the opacity of the address bar, so if you want it more transparent, you can decrease it, and if you want it less transparent you can increase it (up to the maximum value of 1, which is solid white).

For the tab background, you can do the same thing by adding this rule: 

:root {
  --toolbar-bgcolor: rgba(255, 255, 255, 0.2) !important;
}

Hope that helps!