userchrome

/* Declaring variables */
:root {
    --ActiveColour: rgba(16,16,16);
    --InactiveColour: rgba(32,32,32);
}

/* ================================================================= */

/* Clears the window theme colour */
#main-window {
    background-color: transparent !important;
}

/* Changes colour of URL bar, nav bar, and curent tab*/
#urlbar,
#nav-bar,
.tab-background[selected="true"] {
    background: var(--ActiveColour) !important;
}

/* Changes colour of !current tab and the window buttons */
#TabsToolbar,
.tab-background:not([selected=true]),
.titlebar-min, .titlebar-max, .titlebar-close {
    background: var(--InactiveColour) !important;
}

/* ================================================================= */

/* Removes title bar spaceer */
.titlebar-spacer[type="pre-tabs"], .titlebar-spacer[type="post-tabs"]{
    width: 10px !important;
}

/* Remove border between tabs */
.tabbrowser-tab::after,
.tabbrowser-tab::before {
    border-left: none !important;
}

/* Remove stripe on current tab */
.tab-line[selected="true"] {
    display:none !important;
}

/* Remove tab hover effect */
.tabbrowser-tab:not([selected]) .tab-line {
    display: none;
}

/* Remove space between tabs and min/max/close buttons */
#TabsToolbar {
    margin-right: 0px !important;
}

/* Remove navbar bottom line */
#navigator-toolbox {
    border: none !important;
}
#navigator-toolbox::after {
    border: none !important;
}

/* Remove border from url bar*/
#urlbar {
    border-width: 0px !important;
}

/* Removing various buttons on the url bar */

.urlbar-icon {
    display: none;
}

#identity-box,
#tracking-protection-icon-container {
    display: none;
}

/* Align url to center of bar */
#urlbar-input {
    text-align: center !important;
}

/* ================================================================= */

/* Resize the back button */
#back-button>.toolbarbutton-icon {
    transform: scale(1.30) !important;
}

/* Remove background from back / forward button*/
#back-button:not(:hover), #back-button:not(:hover) > .toolbarbutton-icon,
#forward-button:not(:hover), #forward-button:not(:hover) > .toolbarbutton-icon {
    background: none !important;
}

/* Remove background from back / forward button*/
#back-button:hover, #back-button:hover > .toolbarbutton-icon,
#forward-button:hover, #forward-button:hover > .toolbarbutton-icon {
    background: none !important;
}

/* ================================================================= */

/* Make tab close buttons appear on tab hover, replacing the tab icon */
.tabbrowser-tab .tab-close-button {
    -moz-box-ordinal-group: 0 !important;
    margin: 2px 2px 0px 0px !important;
}

.tabbrowser-tab .tab-close-button {
  display: none !important;
}

.tabbrowser-tab:not([pinned="true"]):hover .tab-icon-image,
.tabbrowser-tab:not([pinned="true"]):hover .tab-throbber {
    display: none;
}

.tabbrowser-tab:not([pinned="true"]):hover .tab-close-button {
    display: -moz-box !important;
}

/* ================================================================= */

#nav-bar {
    min-height: 0 !important;
    max-height: 0 !important;
    height: 0 !important;
    --moz-transform: scaleY(0) !important;
    transform: scaleY(0) !important;
    transition: all 0.1s ease !important;
}

#titlebar:hover~#nav-bar,
#nav-bar:hover,
#nav-bar:focus-within {
    --moz-transform: scale(1) !important;
    transform: scale(1) !important;
    max-height: 36px !important;
    height: 36px !important;
    min-height: 36px !important;
}

/* ================================================================= */

/* Remove " - Visit" or " - Search with" bar in the drop-down */
#PopupAutoCompleteRichResult richlistitem:first-of-type[type*="heuristic"],
#PopupAutoCompleteRichResult richlistitem:first-of-type[actiontype="searchengine"],
#PopupAutoCompleteRichResult richlistitem:first-of-type[actiontype="visiturl"],
#PopupAutoCompleteRichResult richlistitem:first-of-type[actiontype="keyword"],
#urlbar-results #urlbarView-row-0 {
    display:none !important;
}
/* Hide line for searching sld.tld below "Visit" Line */
#PopupAutoCompleteRichResult richlistitem:first-of-type[actiontype="visiturl"] +
richlistitem[actiontype="searchengine"] {
    display:none !important;
}
#PopupAutoCompleteRichResult .autocomplete-richlistbox,
#urlbarView-results, #urlbar-results {
    padding-top: 0 !important;
    padding-bottom: 0 !important;
}