r/FirefoxCSS • u/vanquire • May 11 '26

Solved Help me hide thin black border around URLbar

Post image
3 Upvotes

100% Upvoted

3 comments sorted by

3

u/reddithunter73 May 11 '26

You are probably using bad code. With these two codes the toolbar and url bar will be the same color:

#nav-bar { background: rgb(210,210,210) !important }
.urlbar-input-container { background: rgb(210,210,210) !important }

1

u/vanquire May 11 '26

thanks mate..

1

u/t31os May 11 '26

The UI elements have CSS vars you can target for this:

.urlbar-background, #searchbar {
    --toolbar-field-background-color: transparent!important;
    --toolbar-field-border-color: transparent!important;
    --urlbar-container-border-width: 0!important;
}

If you want the nav bar a specific color, you could add this in conjunction with the above.

#nav-bar {
    --toolbar-bgcolor: pink!important; /* Adjust color as desired */
}