Firefox userChrome.css

userChrome.css

:root {
  --custom-accent-color: white;
}

/* Hide "Close Multiple Tabs" menu */
#context_closeTabOptions {
  display: none !important;
}

/* Set order of "Undo Close Tab", "Close Tab", "Close Tabs" */
#context_undoCloseTab,
#context_closeTab,
#context_closeSelectedTabs {
  -moz-box-ordinal-group: 2;
}

/* Make sure everything after "Close Tabs" in html is below in the menu by default */
#context_closeSelectedTabs~* {
  -moz-box-ordinal-group: 5;
}

/* ...but want the menu separator before the things we don't set explicitly */
#context_closeTab~menuseparator {
  -moz-box-ordinal-group: 4;
}

/* ...and now bring up "Close Other Tabs" and "Close Tabs to the Right" */
#_588c6fa6-14f9-4826-b769-71a305c80bbb_-menuitem-_close_right,
#_a02f4411-7950-4b43-abcd-23a01a9ce719_-menuitem-_close_other_tabs {
  -moz-box-ordinal-group: 1;
}



/* Hide adblock ultimate menu */
[id^=adblockultimate_adblockultimate_net-menuitem-] {
  display: none !important;
}


/* Make the edit bookmark list bigger */
#editBookmarkPanel {
  min-width: 500px !important;
}

#editBMPanel_folderTree {
  min-height: 600px !important;
}








/*
	https://github.com/leadweedy/Firefox-Proton-Square
*/


/* TITLE BAR ----------------------------------------------------------------------------------------------- */

/* override mozilla min/max/close buttons with default ones (only relevant on linux) */
@media (-moz-gtk-csd-available) {
  @supports -moz-bool-pref("browser.windowcontrolbuttons.overwrite") {
    .titlebar-button:-moz-lwtheme {
      appearance: auto !important;
    }

    .titlebar-min:-moz-lwtheme,
    .titlebar-max:-moz-lwtheme,
    .titlebar-restore:-moz-lwtheme,
    .titlebar-close:-moz-lwtheme {
      list-style-image: none !important;
    }

    .titlebar-button:-moz-lwtheme:hover,
    .titlebar-button:-moz-lwtheme:hover:active {
      background-color: unset !important;
      color: unset !important;
    }
  }
}


/* remove window corner rounding in gtk */
:root[tabsintitlebar][sizemode="normal"]:not([gtktiledwindow="true"]) #navigator-toolbox:-moz-lwtheme,
:root[tabsintitlebar][sizemode="normal"]:not([gtktiledwindow="true"]) ::backdrop {
  border-top-left-radius: 0 !important;
  border-top-right-radius: 0 !important;
}


/* TAB BAR ------------------------------------------------------------------------------------------------- */

/* sets the height of the tab toolbar
otherwise will change height when tabs overflow [FIXED] */
/* tab height when playing audio issue fixed in FF 96.0.2+ */
/* https://bugzilla.mozilla.org/show_bug.cgi?id=1714276 */
/* height change when tab overflow fixed in FF 97 beta+ */
/* #TabsToolbar {height: var(--tab-bar-height, 35px) !important;} */
/* :root{ */
/* default value for tab-min-height = 36px */
/* --tab-min-height: var(--tab-bar-height, 35px) !important; */
/* } */
/* .toolbar-items {height: var(--tab-bar-height, 35px) !important;} */
/* .tabbrowser-tab {height: var(--tab-bar-height, 35px) !important;} */

#tabbrowser-tabs {
  min-height: 0 !important;
}

/* Reduce left spacer on tab bar */
@supports (not (-moz-osx-font-smoothing: auto)) {
  @media not (-moz-bool-pref:"browser.lefttabspacer.enable") {
    .titlebar-spacer[type="pre-tabs"] {
      display: none !important;
    }
  }
}


/* Tab - Connect to window */
.tab-background {
  border-radius: 0 !important;
  margin-top: 0 !important;
  margin-bottom: 0 !important;
}

.tab-content {
  margin-top: 0 !important;
  margin-bottom: 0 !important;
}

.tab-stack {
  margin-top: 0 !important;
  margin-bottom: 0 !important;
}


/* adds the little colored strip on top of the selected tab */
.tab-background:is([selected], [multiselected]) {
  box-shadow: inset 0 2px var(--custom-accent-color, #0a84ff) !important;
  border: 0 !important;
  outline: none !important;
  background-repeat: no-repeat !important;
}

/* special handling for mozilla containers */
tab[class*="identity-color"] {
  background-image: linear-gradient(var(--identity-tab-color, white), var(--identity-tab-color, white));
  background-size: 75% var(--container-stripe-height, 1px);
  background-position: bottom center;
  background-repeat: no-repeat;
  border: 0 !important;
  outline: none !important;
}

/* override the built in container colors */
tab[class*="identity-color"][selected="true"]>.tab-stack>.tab-background>.tab-context-line {
  height: 0 !important;
}

/* replace with our own container border */
tab[class*="identity-color"][selected="true"]>.tab-stack>.tab-background:is([selected], [multiselected]) {
  background-image: linear-gradient(var(--identity-tab-color, white), var(--identity-tab-color, white));
  background-size: 75% var(--container-stripe-height, 1px);
  background-position: bottom center;
  background-repeat: no-repeat;
  border: 0 !important;
  outline: none !important;
}

@media (-moz-bool-pref:"browser.tabcontextline.match_container_color") {
  tab[class*="identity-color"][selected="true"]>.tab-stack>.tab-background:is([selected], [multiselected]) {
    box-shadow: inset 0 2px var(--identity-tab-color, white) !important;
  }
}


/* realign the selected tab so it doesnt droop down by 2px */
.tabbrowser-tab[selected="true"] {
  z-index: 0 !important;
}


/* neighbouring tabs should "pinch" together */
.tabbrowser-tab {
  padding-inline: 0 !important;
}


/* Unselected Tab - Divide line */
.tab-stack::before,
.tabbrowser-tab:last-of-type .tab-stack::after {
  content: "";
}

.tab-stack::before,
.tab-stack::after {
  display: block;
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  z-index: 1;
  width: 0px;
  height: 100%;
  border-right: 1px solid var(--custom-tab-divider-color, #535354);
}

.tab-stack::after {
  right: 0;
}

/* removes double tab line next to view button, fixes some padding */
:root:not([privatebrowsingmode], [firefoxviewhidden]) :is(toolbarbutton, toolbarpaletteitem)+#tabbrowser-tabs {
  border-inline-start: None !important;
  padding-inline-start: calc(var(--tab-overflow-pinned-tabs-width) + 0px) !important;
  margin-inline-start: 0 !important;
}

/* squares the mute button on hover */
.tab-icon-overlay:not([pinned], [sharing], [crashed]):is([soundplaying], [muted], [activemedia-blocked]) {
  border-radius: 0 !important;
}