Classic Firefox Theme

userChrome.css

.tabbrowser-tab > .tab-stack > .tab-background {
	border-top: none !important;
	margin: 0px !important;
	box-shadow: none !important;
	border-radius: 0px !important;
	opacity: 1 !important;
}

.tabbrowser-tab .tab-context-line {
	height: 0px !important;
	margin-left: 16px !important;
	margin-right: 16px !important;
	transition: margin 200ms !important;
	margin-top: 0px !important;
}


/* tab spacing */
.tabbrowser-tab {
	padding: 0 !important;
}


/* tab top color */
.tabbrowser-tab:not([class*="identity-color"]) .tab-context-line {
	background: -moz-accent-color !important;
}
.tabbrowser-tab .tab-context-line:-moz-window-inactive {
	background: rgb(128, 128, 128) !important;
}
.tabbrowser-tab:is([selected="true"], [multiselected="true"]) .tab-context-line, .tabbrowser-tab:hover .tab-context-line {
	height: 2px !important;
	margin-left: 0px !important;
	margin-right: 0px !important;
}


/* show close tab button on tab hover but not on pinned tab */
/*
.tabbrowser-tab:not([visuallyselected="true"]):not(:hover) .tab-close-button, .tabbrowser-tab[pinned]:hover .tab-close-button { 
	display: none !important;
}
*/


/* new tab button */
#tabs-newtab-button .toolbarbutton-icon {
	border-radius: 2px !important;

	transition-property: background-color;
 	transition-duration: 0.1s;
	padding: 5px 6px 7px !important;
	width: 32px !important;
	height: 32px !important;
}
#tabs-newtab-button:hover .toolbarbutton-icon {
	background-color: var(--chrome-content-separator-color) !important;
}


/* close button on the tabs */
.tab-close-button {
	border-radius: 3px !important;
	margin: 0 -1px 0 !important;
	padding: 4px !important;
	width: 22px !important;
	height: 22px !important;
}

/* active tab shadow */ 
.tabbrowser-tab[visuallyselected="true"] > .tab-stack > .tab-background {
	box-shadow: 0 0 1px rgba(0, 0, 0, 0.8) !important;
}


/* tab height */
:root {
	--tab-min-height: 34px !important;
	/* set tab background equal to toolbar */
	--lwt-selected-tab-background-color: var(--toolbar-bgcolor) !important;

	--tab-border-radius: 0px !important;
}
:root #tabbrowser-tabs {
	--tab-min-height: 34px !important; /* needs to be the same as above under :root */
}
#TabsToolbar {
	height: 34px !important;
}
@media (-moz-windows-compositor) {
	/* Temporal fix for top border */
	:root[sizemode="normal"][tabsintitlebar]:-moz-window-inactive {
		border-top-color: #2B2B2B !important;
	}
}


/* adding drag space before 1st tab */
:root:not([sizemode="normal"]) .titlebar-spacer[type=pre-tabs] {
	display: -moz-box !important;
	width: 14px !important;
}


/* tab seperator */
.tabbrowser-tab[visuallyselected][style*=transform]+.tabbrowser-tab[style*=transform] .tab-content::after,
.tabbrowser-tab[style*=transform]:not([visuallyselected]) .tab-content::before,
.tabbrowser-tab[style*=transform]+.tabbrowser-tab:not([visuallyselected]) .tab-content::before,
.tabbrowser-tab:not([visuallyselected]):not(:hover):not([multiselected])+.tabbrowser-tab:not([visuallyselected]):not(:hover):not([multiselected]) .tab-content::before,
#tabbrowser-tabs[hasadjacentnewtabbutton]:not([overflow]) .tabbrowser-tab[last-visible-tab]:not([visuallyselected]):not(:hover):not([multiselected]) .tab-content::after {
  opacity: var(--tab-separator-opacity) !important;
}
.tab-content::before,
.tab-content::after {
  content: "" !important;
  display: block !important;
  position: absolute !important;
  background-color: var(--chrome-content-separator-color) !important;
  width: 1px !important;
  height: 100% !important;
  top: 0 !important;
  opacity: 0 !important;
  transition: opacity var(--tab-transition-duration) var(--ease-basic) !important;
}
.tab-content::before {
  left: 0 !important;
}
.tab-content::after {
  right: 0 !important;
}