Skip to content

Instantly share code, notes, and snippets.

@swwind
Last active June 5, 2025 02:03
Show Gist options
  • Select an option

  • Save swwind/fe691c06ea53f89e02eb194df6144afa to your computer and use it in GitHub Desktop.

Select an option

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);
:root[inDOMFullscreen] & {
padding-right: 0;
padding-bottom: 0;
}
}
#tabbrowser-tabpanels {
border-radius: var(--border-radius-medium);
box-shadow: var(--content-area-shadow);
overflow: hidden;
:root[inDOMFullscreen] & {
border-radius: 0;
}
}
.browser-toolbox-background {
background-color: var(--toolbar-bgcolor) !important;
}
@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