You are a gem Frank
Here is the code for everything i have minus the website specifics:
Code: Select all
.browserContainer { background-color: black !important; }
@-moz-document url("about:blank"), url("about:home"), url("about:newtab") {
body {
background-color:#000000;
}
}
/*HB all this is the new FF68 moving forward to set URL bar the way you like */
/* https://www.jeffersonscher.com/gm/url-bar-tweaks.html */
/* witdh of the urlbar */
#PopupAutoCompleteRichResult, #urlbar-results {max-width: 1100px !important;}
.urlbarView-row-inner {max-width:1000px !important;}
.urlbarView {background: black !important; , border-color: transparent !important;}
/* Remove excess width of one-off search engine buttons */
#urlbar-results .searchbar-engine-one-off-item.dummy:not(.last-of-row) {display: none !important;}
/* Firefox 70 */
.urlbarView:not(.megabar){
left: unset !important;
right: unset !important;}
/* Avoid search one-offs being too wide */
.urlbarView {
--item-padding-start: 0px !important;
--item-padding-end: 0px !important;}
:root[uidensity="compact"] .urlbarView {
margin-top: 0px !important;
}
/*HB this is mouse hover on URL bar background color*/
.urlbarView-row:hover {background-color: #404040 !important;}
/* Dark Themed Drop-down */
#PopupAutoCompleteRichResult .autocomplete-richlistbox, #urlbarView-results {background-color: black !important;}
.autocomplete-richlistitem .ac-title, .autocomplete-richlistitem .ac-action, .autocomplete-richlistitem .ac-separator,
.urlbarView-row .urlbarView-title, .urlbarView-row .urlbarView-secondary,.urlbarView-row .urlbarView-title-separator {color: #777 !important;}
.autocomplete-richlistitem[selected=true], .urlbarView-row[selected] {background-color: #666 !important;}
.autocomplete-richlistitem[selected=true] .ac-title, .ac-title[selected], .autocomplete-richlistitem[selected=true]
.ac-action, .ac-action[selected], .autocomplete-richlistitem[selected=true] .ac-separator, .ac-separator[selected],
.urlbarView-row[selected] .urlbarView-title, .urlbarView-row[selected] .urlbarView-secondary,.urlbarView-row[selected] .urlbarView-title-separator {color: #eee !important;}
.autocomplete-richlistitem[selected=true] .ac-url, .ac-url[selected], .urlbarView-row[selected] .urlbarView-url {color: white !important;}
/* Subtle bottom border */
#PopupAutoCompleteRichResult .autocomplete-richlistitem, .urlbarView-row {border-bottom: 1px solid rgba(255, 255, 255, 0.1) !important;}
/* HB all above just for URL bar */
/*CTRL+F Find color for not found*/
.findbar-textbox[status="notfound"] {
background-color:white !important;
color:black !important;
}
/*CTRL+F Find color default color*/
.findbar-textbox{
background-color:black !important;
color: white !important;
}
/*HB this is the Google search bar color*/
#searchbar .searchbar-textbox{
background-color: #000000 !important;
}
#PopupSearchAutoComplete {
background-color: black !important;
color: white !important;
}
/*HB this makes the URL background black*/
#urlbar {
background-color: #000000 !important;
}
/*HB These 2 lines below is tab scroll bar if you want to remove it*/
.tabbrowser-tab {min-width: initial !important;}
.tab-content {overflow: hidden !important;}
/*HB Tab section starts*/
/*HB this removes the Blue bar at top of tab*/
.tab-background {
opacity: 0 !important;
}
/* TABS on bottom */
*|*:root {
--tab-min-height: 20px !important;
}
#TabsToolbar {
position: absolute !important;
display: block !important;
bottom: 0 !important;
}
#tabbrowser-tabs {
width: 100vw !important;
}
/* navigator-toolbox - padding */
*|*:root:not([chromehidden*="toolbar"]) #navigator-toolbox {
padding-bottom: calc(var(--tab-min-height)) !important;
}
/* TABS: height */
#tabbrowser-tabs,
#tabbrowser-tabs > .tabbrowser-arrowscrollbox,
.tabbrowser-tabs[positionpinnedtabs] > .tabbrowser-tab[pinned] {
min-height: var(--tab-min-height) !important;
max-height: var(--tab-min-height) !important;
}
#TabsToolbar {
height: var(--tab-min-height) !important;
margin-bottom: 1px !important;
background-color: rgb(0,0,0) !important;
color: rgb(153,153,153) !important;
}
.tabbrowser-tab[selected="true"] {
font-weight: bold !important;
background-color: rgb(166,166,166) !important;
color: black !important;
height: var(--tab-min-height) !important;
}
/*HB Tab section ends*/
/*Reduce the padding between the URL bar and the tabs/content */
#nav-bar-customization-target {
margin-top: -5px !important;
margin-bottom: -5px !important;
}
toolbarbutton {
padding-top: 0px !important;
padding-bottom: 0px !important;}
/*HB this shows the x on tabs*/
tab:hover .tab-close-button
{display: -moz-box !important;
padding-top: 0px !important;
padding-bottom: 0px !important;}