Can I make the address bar more transparent(less white, but not dark)?
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.
All Replies (3)
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.
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.
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!