
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?
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 👍 0All 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/