3am
Beta Tester
Dedicated Helper

Posts: 2250
|
 |
« on: February 28, 2019, 04:43:24 pm » |
|
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;}
|