How can I make my search bar rounded/circled same as Material Fox does?

[ExpertMen]

I'm not using MF, but found some screenshots which shows that search bar in MF are rounded/circled. So, how can I do it? What css do I need for userChrome.css?

[fmeyertoens]

You are probably looking for https://github.com/muckSponge/MaterialFox/blob/8b1a7b10da0751a1f63e51eac428ba1eb1094b5f/chrome/urlbar/urlbar.css#L161-L165

[ghost]

How would I insert that code into my browser ?

[fmeyertoens]

You can follow the installation instructions for MaterialFox: https://github.com/muckSponge/MaterialFox#installation

Copy the chrome folder and user.js file into your Firefox profile directory. To find your profile directory, go to about:support or about:profiles.

Just find your profile folder and create a folder named chrome within it. There you put a file named userChrome.css and insert the code from above:

#urlbar,
#searchbar {
    border-radius: 99px !important;
}

Don't forget to restart Firefox to see the changes.