Firefox userChrome.css

userChrome.css

/* Move container indicator to bottom of tab */

/* Remove the default lines */
/* Highlight line for active tab on top */
.tab-background:is([selected], [multiselected]):-moz-lwtheme {
  border: none !important;
  border-top: 2px solid white !important;
}

/* Container line on bottom */
.tabbrowser-tab[usercontextid]>.tab-stack>.tab-background>.tab-context-line {
  margin: 26px 22px 0 !important;
}

/* ^ TODO: Any way to stop it from moving up/down when selected tab changes? */


/* Fix white line around entire tab */
#tabbrowser-tabs .tab-background[selected="true"],
.tab-background[selected]:not([multiselected]):-moz-lwtheme {
  outline: none !important;
}






/* 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;
}


/* Reduce left spacer on tab bar */
/* .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;
}


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