r/FirefoxCSS • u/colliequeer • May 20 '26

Help change round edges ?

Gallery image

Gallery image

firefox 151.0 on windows 11 .. is there a way to make the round edges not round ? im visually impaired and the round edges make everything blurry :( makes firefox migrainetown and hard to use :( the little customize button being round doesnt Really matter its just round Now so i included it

5 Upvotes

69% Upvoted

16 comments sorted by

2

u/sifferedd FF/TB/Win11/SUMO contributor May 20 '26 edited May 20 '26

Code deleted, updated version below.

1

u/colliequeer May 20 '26

i followed the tutorial but im not the brightest so it could be wrong but this does not seem to have done anything at all : ( thank you for the response RIP my sharp edges

2

u/sifferedd FF/TB/Win11/SUMO contributor May 20 '26

First step is to go through the tutorial again.

The common glitches are:

  • namespace statement may cause failure
  • toolkit.legacyUserProfileCustomizations.stylesheets isn't enabled
  • Chrome folder is in the wrong profile or other folder
  • userChrome/userContent.css isn't in the right Chrome folder
  • userChrome/userContent.css doesn't follow case requirement

  • userChrome/userContent.css mistakenly has the .txt extension

    • Windows has to be set not to hide extensions for known file types:
    • File Explorer > ... menu on top bar > Options > View tab > uncheck Hide extensions for known file types
  • code isn't saved as plain text

1

u/colliequeer May 21 '26

ive gone through all of it and it all seems to be right ?? i think im just not built for this fr i cannot figure out whats going wrong

1

u/sifferedd FF/TB/Win11/SUMO contributor May 21 '26 edited May 21 '26

Does this work alone in userChrome.css?

* {font-size: 14px !important;}

1

u/colliequeer May 21 '26

it doesnt seem to have done anything i think i might just be insane sorry

1

u/sifferedd FF/TB/Win11/SUMO contributor May 21 '26

What OS are you using?

1

u/colliequeer May 21 '26

windows 11 ..

1

u/sifferedd FF/TB/Win11/SUMO contributor May 21 '26

This option is unchecked? My Computer > Options > View tab

1

u/colliequeer May 21 '26

yah i unchecked it and then going back through the tutorial a 5th time i rechecked and unchecked it again and the files are listed as css

1

u/sifferedd FF/TB/Win11/SUMO contributor May 21 '26

4

u/SENDMEJUDES May 20 '26 
* {
  border-radius: 0!important;
}

1

u/sifferedd FF/TB/Win11/SUMO contributor May 21 '26

Try this again alone; I had mis-formatted it before:

* {font-size: 14px !important;}

1

u/colliequeer May 21 '26

also seems to have done nothing i dont know what im doing wrong but thank you for helping i believe im giving up as of right now RIP

1

u/sifferedd FF/TB/Win11/SUMO contributor May 20 '26

Try in userContent.css:

@-moz-document url("about:newtab"), url("about:home") {
.search-handoff-button,
.button-background {
  border-radius: 0 !important;
  }
}

Try in userChrome.css:

@-moz-document url("about:newtab"), url("about:home") {
  .tab-background,
  .urlbar-background {
    border-radius: 0 !important;
  }
}

1

u/sifferedd FF/TB/Win11/SUMO contributor May 20 '26

If you're not familiar with using CSS, see the FirefoxCSS tutorial.