Mozilla will shut down Pocket’s services on July 8, 2025. At that time users will no longer be able to access the Pocket website, apps and API. You can export your saved items and API data until October 8, 2025 before they are permanently removed. For more information, see this article.

Avatar for Username

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.

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

BobbyPhoenix
BobbyPhoenix

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)

cor-el
cor-el
  • Moderator

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

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

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;
   }
BobbyPhoenix
BobbyPhoenix Question owner

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?

BobbyPhoenix
BobbyPhoenix Question owner

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/