cancel
Showing results for 
Show  only  | Search instead for 
Did you mean: 

Hate the rounded corners inside firefox. Disabled them in windows 11 a long time ago, now you have them inside firefox itself.

brainetree
Making moves

Is the rounded corners inside Firefox something new?  Got rid of them in Windows 11 like a lot of people do and keep them square again after updates and here you betray me.  LOL.

1 ACCEPTED SOLUTION

Agentvirtuel
Leader

Hello

Have you tested.

/* In userChrome.css */
:root {
  --border-radius-medium: var(--border-radius-small, 4px) !important;
}

Have you tested.

/* In userContent.css */
@-moz-document url-prefix("about:"), url-prefix("chrome:") { /* Firefox pages like settings etc. */
  :root {
    --border-radius-medium: var(--border-radius-small, 4px) !important;
  }
}

Have you tested, userChrome.css and userContent.css, together.

View solution in original post

20 REPLIES 20

brainetree
Making moves

The dreaded rounded corners are back, what a burden to have to research and find out how to disable it.  Why don't you just give us that option?  I can not accept the rounded corners AT ALL.  Thank you for listening.  I have a lot of other things on my mind, but have to spend no telling how long to figure out how to get rid of those rounded corners.

Agentvirtuel
Leader

Hello

Have you tested.

/* In userChrome.css */
:root {
  --border-radius-medium: var(--border-radius-small, 4px) !important;
}

Have you tested.

/* In userContent.css */
@-moz-document url-prefix("about:"), url-prefix("chrome:") { /* Firefox pages like settings etc. */
  :root {
    --border-radius-medium: var(--border-radius-small, 4px) !important;
  }
}

Have you tested, userChrome.css and userContent.css, together.

Wait, Does these works in Android?

NOT A SOLUTION. 

this is a horrible answer, I should not have to enable legacy features to disable something when there's a better way to do it

what is this solution? ..a theme or a toogle option should be a solution! 

 

Bonjour

For information
https://support.mozilla.org/en-US/kb/contributors-guide-firefox-advanced-customization
What do users need to know before they use userChrome.css customization?

My answer, replied on 12-02-2026 03:55 AM on Firefox 145.
(e.g.) 7 months ago on Firefox Nightly https://www.youtube.com/watch?v=iEmaI4ciUFM

brainetree
Making moves

Yes Agentvirtuel, I tried those possibilities just as you suggest and they finally worked!  Thank you, what a joy and relief! 

Agentvirtuel
Leader

reukiodo
Making moves

about:config > toolkit.legacyUserProfileCustomizations.stylesheets > true

about:support > Profile Folder > Open Folder > mkdir "chrome" > edit userChrome.css

/* Force square corners on all Firefox UI elements */
* {
  border-radius: 0px !important;
}

 

tested on FF 156 and 157

Project nova is the reason I searched for removing the rounded corners. It looks like Apple's silly UI instead of the clean crisp UI Firefox used to have.

absolutely not and I take offense that instead of recommending disabling this program entirely you would suggest enabling legacy styling features that will likely break next time there's an update to this "project"

upset_ff_oldman
Making moves

The solution is NOT the answer and this is fing stupid. You want people NOT to use firefox? This is the way. 

The real fix is to type about:config and type nova and disable all the garbage. 


I love you man, this is exactly what I wanted.

YES! PROBLEM SOLVED!!

 

this is the real answer

Thank you. The CSS solutions only solve the tab buttons, but disabling nova works everywhere.

Disabling browser.nova.enabled was enough. I'll check if disabling the other options is necessary.

The only good answer.

 

Thank you for the solution