FF 89 - remove cyan border around the URL bar?

Does anyone know a way to remove or at least change the color of that cyan border around the URL bar? I’d prefer to remove it but if that’s not possible, a change of color would be nice.

Ephera
link
8
edit-2
3M

You can do so with a userChrome.css file.

If you don’t have one yet, follow the instructions for creating one here: http://kb.mozillazine.org/index.php?title=UserChrome.css#Creating
And also set “toolkit.legacyUserProfileCustomizations.stylesheets” in about:config to “true”.

Then add this to the end of the userChrome.css file:

#urlbar[focused="true"]:not([suppress-focus-border]) > #urlbar-background {
  border: none !important;
  border-color: red !important;
}

The “border: none !important;”-line will hide the border.
The “border-color: red !important;”-line will change the border to whichever color you specify there.
Remove or comment out whichever line you’re not going to use…

After a Firefox restart, the change should apply.

@Valso
creator
link
53M

I already have userchrome.css. And that code did it! Thanks very much! :D

@gmate8
link
13M

Oh yes I wanted to do the same, but just changing the color of it. You can see everything highlighted in cyan. I hate this, so I wanted to ask someone

A place to discuss the news and latest developments on the open-source browser Firefox

  • 0 users online
  • 11 users / day
  • 20 users / week
  • 29 users / month
  • 138 users / 6 months
  • 1757 subscribers
  • 174 Posts
  • 774 Comments
  • Modlog