FF UserChrome.css Customizations

userChrome.css

@namespace url("http://www.mozilla.org/keymaster/gatekeeper/there.is.only.xul");


.tab-content{
  padding 0 10px !important;
}

/* padding on all tabs */
#tabbrowser-tabs{
  padding-top:5px
}

.tab-line[multiselected], .tab-line[selected="true"]{
  background:var(--identity-tab-color) !important;
  border-bottom:0;
}

.tab-line{
  height:6px !important;
}


#navigator-toolbox {
	/* --tabs-border-color: #333 !important; */
}


.tabbrowser-tab[selected="true"] .tab-bottom-line{
  background:none !important;
}

.tab-bottom-line {
  background:var(--identity-tab-color) !important;
	height: 35px !important;
  width: 4px !important;
  display:block !important;
  position:absolute;
  top:15px;
}

.tabbrowser-tab > .tab-stack > .tab-background:not([selected="true"]), .tabs-newtab-button, #tabbrowser-tabs, .titlebar-spacer, .titlebar-buttonbox-container{
  background-color: var(--toolbar-bgcolor);
}


.tabbrowser-tab > .tab-stack > .tab-background:not([selected="true"]){
  background-color:var(--identity-tab-color) !important;
  opacity:0.4;
}


















/************************* external ********************************/
/* var(--chrome-content-separator-color) */

/* fix tab sutosize issue with fadein */
.tabbrowser-tab[fadein]:not([pinned]) {
    max-width:120px !important;
    min-width:100px !important;
}


/* TABS: height */
:root {
 --tab-toolbar-navbar-overlap: 0px !important;
 --tab-min-height: 30px !important; /* adjust to suit your needs */
}
:root #tabbrowser-tabs {
 --tab-min-height: 30px !important; /* needs to be the same as above under :root */
 --tab-min-width: 80px !important;
}




/* toolkit.legacyUserProfileCustomizations.stylesheets */