16-08-2026 08:21 AM - edited 16-08-2026 08:22 AM
I have disabled the new Nova UI .... Not to my taste
After some search & testing I have nearly manage to get rid of the rounded corners on the urlbar.
Is it possible to get rid those rounded corners completely ?
From my userChrome.css
#urlbar {
font-size: 16pt !important;
outline: 3px solid #000000 !important;
}
#urlbar-background {
outline-offset: 0 !important;
border-radius: 0px !important;
box-shadow: none !important;
background-color: black !important;
}
Solved! Go to Solution.
16-08-2026 02:05 PM
Try adding this:
* {
border-radius: 0 !important;
}
@media -moz-pref("browser.nova.enabled") {
:root {
--chrome-window-gap: 0 !important;
--chrome-block-radius: 0 !important;
--chrome-content-separator-color: transparent !important;
}
}
16-08-2026 02:05 PM
Try adding this:
* {
border-radius: 0 !important;
}
@media -moz-pref("browser.nova.enabled") {
:root {
--chrome-window-gap: 0 !important;
--chrome-block-radius: 0 !important;
--chrome-content-separator-color: transparent !important;
}
}
17-08-2026 05:43 AM
Interesting.
To my userChrome.css it was enough to add
* {
border-radius: 0 !important;
}
It removed the rounded corner from tabs and the urlbar.
Thx for the info 🙂
08-09-2026 11:09 AM
Why do we have to use userChrome tweaks, and continuously patch our stylesheets whenever it breaks, just to make such a trivial change as to revert those silly rounded corners? Why cant we have a very basic slider for it somewhere? I am not thrilled that Firefox is copying Chrome's design even harder, but I cant stand these overly rounded corners, and its not like the amount of it was gorgeus even since the last redesign.
I did not have a problem with colorways. But if development time was found for that, or for the redesign, then surely a slider for firefox UI border radiuses can also be implemented.