This site will have limited functionality while we undergo maintenance to improve your experience. If an article doesn't solve your issue and you want to ask a question, we have our support community waiting to help you at @FirefoxSupport on Twitter and/r/firefox on Reddit.

Search Support

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

Change Address bar Color using userChrome.css

more options

Hello,

in the image attached you can see that the url has 2 different colors. Im wondering how i can change the color of the "pink" text.

I know that i can change the white color using this code here:

  1. urlbar {

color: #ffffff !important; }

but what about to not highlighted text?

Hello, in the image attached you can see that the url has 2 different colors. Im wondering how i can change the color of the "pink" text. I know that i can change the white color using this code here: #urlbar { color: #ffffff !important; } but what about to not highlighted text?
Attached screenshots

All Replies (3)

more options

Okay, I don't know when I can get hands on Windows 10.

Meanwhile, could you test with the built-in "Light" theme? It has black text on a light background, and may still ignore Windows 10 color settings. See: Built-in themes in Firefox - alternative to complete themes.

more options

The white theme changes everything to white, since im using my own theme. ive also noticed that the none-highlighted text changes color accordingly to the toolbar. So im basically looking for a way to disable it, since it wasnt like that before the new address bar.

more options