userChrome

[3am]

Some userChrome.css stuff I'm using on Firefox 65.0.1. Change colors to what you want:


/* hide tab bar if only one tab */
 tab:only-of-type {
    display:none;
}
#tabbrowser-tabs, #tabbrowser-tabs > .tabbrowser-arrowscrollbox, #tabbrowser-tabs[positionpinnedtabs] > .tabbrowser-tab[pinned] {
    min-height: initial !important;
}
tab {
    line-height: 24px; height: 24px;
}
.tabs-newtab-button {
    display: none;}






/* Hover background bookmarks bar*/
.bookmark-item:hover {
  background-color: #ced88b !important; }
 

#forward-button:hover {
  background-color: #bfcb6b !important; }

#back-button:hover {
  background-color: #bfcb6b !important; }


/* Hover Hamburger DropDown Menu*/
#appMenu-mainView toolbarbutton:hover {background-color: #bfcb6b !important;}


/* Hover Background Other DropDown Menus & Buttons*/
.subviewbutton:hover,.toolbarbutton-1:hover {
  background: #ced88b !important;}


/* Hover Background URLbar Buttons (Page Actions etc) */
.urlbar-icon:not([disabled]):hover,
.urlbar-icon-wrapper:not([disabled]):hover {
   background-color: #ced88b !important;
}
.urlbar-icon[open],
.urlbar-icon-wrapper[open],
.urlbar-icon:not([disabled]):hover:active,
.urlbar-icon-wrapper:hover:active {
   background-color: #ced88b !important;
}
.urlbar-icon-wrapper[open] > .urlbar-icon,
.urlbar-icon-wrapper > .urlbar-icon:hover,
.urlbar-icon-wrapper > .urlbar-icon:hover:active {
   background-color: #ced88b !important;  }


/* Background Color of First Tabs opened*/
#tabbrowser-tabs .tabbrowser-tab:hover:not([selected]) .tab-content {
background: linear-gradient(to bottom,#bfcb6b,#f2f2f2) !important; }

/* line on top of new tab color*/
.tab-line[selected="true"] {
    background-color: #bfcb6b !important;
}


/* Color of Dots on the left loading tabs animation*/
.tab-throbber::before {
fill: #bfcb6b !important;
opacity: 1 !important;
}

/* Color of background flash loading tabs animation*/
.tab-loading-burst[bursting]::before {
    fill: #bfcb6b !important;
}


.tab-close-button:hover{ background: #ced88b !important; }


/*More History URL Popup menu text and hover and selected background colors*/
 
#PopupAutoCompleteRichResult .autocomplete-richlistitem:not([selected=true]) {
    color: black !important;
}
#PopupAutoCompleteRichResult .autocomplete-richlistitem[selected=true] {
    color: black !important;
    background-color: #bfcb6b !important;
}

#PopupAutoCompleteRichResult .autocomplete-richlistitem:hover {
    color: black !important;
    background-color: #bfcb6b !important;}
#PopupAutoCompleteRichResult .search-one-offs:hover {
   color: black !important;
background-color: #bfcb6b !important;
}

/*hover color of url bar https links box*/

#identity-box:hover {
    background-color: #ced88b !important;}