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

What is the orange HTML/CSS color code for the app button Firefox uses?

I'm trying to customize the app button color for Nightly from the dark blue to the Firefox orange used in the Stable release via the userChrome file. The closest one I have is #FF6600, but it doesn't seem to be an exact match. I've searched online for an answer, but I haven't been able to find anything that tells me what the color code is. Can someone help me please?

I'm trying to customize the app button color for Nightly from the dark blue to the Firefox orange used in the Stable release via the userChrome file. The closest one I have is #FF6600, but it doesn't seem to be an exact match. I've searched online for an answer, but I haven't been able to find anything that tells me what the color code is. Can someone help me please?

Chosen solution

Well after some more searching I found an Add-on that does what I was trying to do manually. Thanks for help though. https://addons.mozilla.org/en-US/firefox/addon/customappbutton/

Read this answer in context 👍 0

All Replies (4)

See "#appmenu-button" in chrome://browser/skin/browser.css

  • background-image: linear-gradient(rgb(247, 182, 82), rgb(215, 98, 10) 95%);

Thanks. I'll give it a try. Just for more clarification here is what I have as default that I want to change. I pulled it from a site that was explaining how to modify the button. Your suggestion shows background-image, so do I just add that to this?:

   @namespace url(“http://www.mozilla.org/keymaster/gatekeeper/there.is.only.xul”);
   #appmenu-button {
   background: #orange !important;
   }
   #appmenu-button dropmarker:before {
   content: “Firefox” !important;
   color: #FFFFFF !important;
   }
   #appmenu-button .button-text {
   display: none !important;
   }

It's not working for Nightly though. I may be trying to modify the wrong file in the wrong place.

Here's where I'm modifying it: C:\Users\bobby_phoenix\AppData\Roaming\Mozilla\Firefox\Profiles\9v10jeov.default\chrome\userChrome

I know what I change here changes in the Stable version, but is Nightly somewhere else?

Chosen Solution

Well after some more searching I found an Add-on that does what I was trying to do manually. Thanks for help though. https://addons.mozilla.org/en-US/firefox/addon/customappbutton/