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@lemmy.ml
    8·
    3 years ago

    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@lemmy.mlOP
      5·
      3 years ago

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

  • gmate8@lemmy.ml
    1·
    3 years ago

    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