If you're annoyed by the rounded corners of the URL bar and tabs, this is how you can get back that legacy look with 90° corners in any Gecko browser that supports the use of userChrome.css. That includes Firefox and Waterfox. Tested and working 100% on Aug 29th, 2025 in Waterfox. Since Waterfox is based on Firefox ESR whatever version, I'm sure it will work with Firefox as well.
All colors shown below are just an example, you can change them to whatever you want.
URL bar - border with different color than the cyan + having 90° angles:
Tabs:
1. Active tab (focused, selected, current - call it whatever you want; it's the tab whose content you're currently reading).
2. Inactive tab (all other tabs in the background whose content you're not reading yet).
And here's the bonus from me. I don't remember if I ever told you (probably not) how to bring back that old school look with status bar you know from the legacy versions. This particular CSS code is meant for Waterfox (@wizardfromoz will be happy about that, I hope
). You may have to adjust it a bit, if you're still using Firefox. This also serves as a fix for the linux glitch because the traditional statusbar Kontos has added to the browser only works properly in Windows. In Linux it appears white and unresponsive.
I even asked an AI for help but no good - the desired status bar wouldn't appear as I wanted it. So I took another approach: I brought up the bookmarks bar. Since I'm not using it anyway, I decided to turn it into a status bar:
1. Bring up the bookmarks bar.
2. Go to settings and choose position for it - bottom.
2a) (optional) You can also move to the bottom the tab bar - for full immersion in the legacy look. But as I already mentioned - that's optional.
3. Remove any bookmarks from it, if there are any.
4. Right click on it --> Customize toolbar --> Remove any elements from the bookmarks bar, bookmarks included, except for "Bookmarks toolbar items" - leave that one alone; you'll need it later for the legacy statusbar feel. If you want, you can add the Zoom function (-|100%|+) and it automatically go to the right most part of the bookmarks bar, making it look even closer to the classic status bar. You can add other things to it, if you want - just not bookmarks, otherwise it will become a mess.
5. Open your profile dir which is usually located in ~/.waterfox/Profiles/randomname.default-release-1. Note that I can't tell you where EXACTLY this last directory is because I changed the location of mine long ago - so long ago that I don't even remember what its original location and name were. Anyway, once you find, enter the directory chrome (if you don't have it - create it) and then open/create a new file named userChrome.css. This file is responsible for the appearance of the browser. So, open/create it and paste this in it:
And here come the screenshots:
URL bar:
Tabs + the status bar:
All colors shown below are just an example, you can change them to whatever you want.
URL bar - border with different color than the cyan + having 90° angles:
Code:
#urlbar > #urlbar-background {
outline: 1px solid #008000 !important;
outline-offset: 0 !important;
border-radius: 0px !important;
}Tabs:
1. Active tab (focused, selected, current - call it whatever you want; it's the tab whose content you're currently reading).
Code:
.tabbrowser-tab[selected] .tab-background { /* TAB ON FOCUS (ACTIVE TAB), 90° ANGLES */
outline: 1px solid #E2B582 !important;
outline-offset: 0 !important;
border-radius: 0px !important;
box-shadow: none !important;
}2. Inactive tab (all other tabs in the background whose content you're not reading yet).
Code:
.tabbrowser-tab:not([selected]) .tab-background { /* UNSELECTED TAB (INACTIVE), 90° ANGLES */
outline: 1px solid #606060 !important;
outline-offset: 0 !important;
border-radius: 0px !important;
box-shadow: none !important;
}And here's the bonus from me. I don't remember if I ever told you (probably not) how to bring back that old school look with status bar you know from the legacy versions. This particular CSS code is meant for Waterfox (@wizardfromoz will be happy about that, I hope
). You may have to adjust it a bit, if you're still using Firefox. This also serves as a fix for the linux glitch because the traditional statusbar Kontos has added to the browser only works properly in Windows. In Linux it appears white and unresponsive.I even asked an AI for help but no good - the desired status bar wouldn't appear as I wanted it. So I took another approach: I brought up the bookmarks bar. Since I'm not using it anyway, I decided to turn it into a status bar:
1. Bring up the bookmarks bar.
2. Go to settings and choose position for it - bottom.
2a) (optional) You can also move to the bottom the tab bar - for full immersion in the legacy look. But as I already mentioned - that's optional.
3. Remove any bookmarks from it, if there are any.
4. Right click on it --> Customize toolbar --> Remove any elements from the bookmarks bar, bookmarks included, except for "Bookmarks toolbar items" - leave that one alone; you'll need it later for the legacy statusbar feel. If you want, you can add the Zoom function (-|100%|+) and it automatically go to the right most part of the bookmarks bar, making it look even closer to the classic status bar. You can add other things to it, if you want - just not bookmarks, otherwise it will become a mess.
5. Open your profile dir which is usually located in ~/.waterfox/Profiles/randomname.default-release-1. Note that I can't tell you where EXACTLY this last directory is because I changed the location of mine long ago - so long ago that I don't even remember what its original location and name were. Anyway, once you find, enter the directory chrome (if you don't have it - create it) and then open/create a new file named userChrome.css. This file is responsible for the appearance of the browser. So, open/create it and paste this in it:
Code:
#PersonalToolbar {
order: 3 !important;
}
#TabsToolbar {
order: 2 !important;
}
#navigator-toolbox {
display: flex !important;
flex-direction: column !important;
}
#statuspanel {
position: fixed !important;
left: 0 !important;
bottom: 0 !important;
z-index: 9999 !important;
}
#statuspanel-label {
margin-left: 10 !important;
border: none !important;
padding: 40 !important;
font-family: "Open Sans" !important;
font-size: 14px !important;
font-weight: bold !important;
color: #E2B582 !important;
}And here come the screenshots:
URL bar:
Tabs + the status bar:
