Removes the orange background from the Firefox (App) button.
Compatibility 
Works with: Firefox 4.0+
Background
By default Firefox Button has an orange background which can clash with some themes/Personas. You can make the button’s background color clear.
The Tweak
Simply add the below lines to your userChrome.css file and restart Firefox [directions].
/* Makes Firefox Button Transparent */
#appmenu-button{
background: transparent !important;
border: 1px solid rgba(0,0,0,0.3) !important;
border-top:none!important;
}
#appmenu-button:hover:not(:active):not([open]) {
background: transparent !important;
border: 1px solid rgba(0,0,0,0.3) !important;
border-top:none!important;
}
#appmenu-button:hover:active,
#appmenu-button[open]{
background: transparent !important;
border: 1px solid rgba(0,0,0,0.3) !important;
border-top:none!important;
}
Comments
Also works along with the Moveable Firefox button add-on.
Updated: November 15, 2025
