Skip to content

Instantly share code, notes, and snippets.

@swwind
Created December 13, 2024 13:18
Show Gist options
  • Save swwind/fe691c06ea53f89e02eb194df6144afa to your computer and use it in GitHub Desktop.
Save swwind/fe691c06ea53f89e02eb194df6144afa to your computer and use it in GitHub Desktop.
Firefox userChrome (makes it more radius like edge)
#tabbrowser-tabbox {
padding-right: var(--space-small);
padding-bottom: var(--space-small);
outline: none !important;
box-shadow: none !important;
background-color: var(--toolbar-bgcolor);
}
#tabbrowser-tabpanels {
border-radius: var(--border-radius-medium);
box-shadow: var(--content-area-shadow);
overflow: hidden;
}
:root[inDOMFullscreen] #tabbrowser-tabbox {
padding-right: 0;
padding-bottom: 0;
}
:root[inDOMFullscreen] #tabbrowser-tabpanels {
border-radius: 0;
}
@swwind
Copy link
Author

swwind commented Dec 13, 2024

  • Place this file into ~/.mozilla/firefox/xxxxxxx.default-release/chrome/userChrome.css. (depends on your firefox profile)
  • Turn on toolkit.legacyUserProfileCustomizations.stylesheets in about:config page.
  • Restart your firefox.

image_2024-12-13_21-17-13

Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment