userChrome

[3am]

Some userChrome.css stuff I'm using on Firefox 79. Change colors to what you want (in BGR order)


/* hide tab bar if only one tab */
  #tabbrowser-tabs, #tabbrowser-tabs > .tabbrowser-arrowscrollbox, #tabbrowser-arrowscrollbox{ min-height: 0 !important; }

    :root:not([customizing]) #tabbrowser-tabs .tabs-newtab-button,
    :root:not([customizing]) #tabs-newtab-button,
    :root:not([customizing]) #TabsToolbar-customization-target > .toolbarbutton-1,
    :root:not([customizing]) #TabsToolbar .titlebar-button{
      -moz-appearance: none !important;
      height: 0px;
      padding-top: 0px !important;
      padding-bottom: 0px !important;
      -moz-box-align: stretch;
      margin: 0 !important;
    }

    :root:not([customizing]) #TabsToolbar-customization-target > .toolbarbutton-1 > .toolbarbutton-icon{
      padding-block: 0px !important;
      max-height: 28px;
      height: 20px !important
    }

    #tabbrowser-tabs .tabbrowser-tab{ height: var(--tab-min-height) }

    #tabbrowser-tabs .tabbrowser-tab[first-visible-tab="true"][last-visible-tab="true"]{
      visibility: collapse !important;
    }






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