ShadowFox/userChrome-files/dark_address_bar.css

118 lines
2.6 KiB
CSS

/* The following code is based on that found on
* https://www.jeffersonscher.com/gm/url-bar-tweaks.html
* Copyright © 2017 Jefferson Scher (BSD-3-Clause License or CC-BY License) */
:root {
--panel-separator-color: var(--grey-60) !important;
}
#urlbar[focused=true],
.searchbar-textbox[focused=true] {
border: 1px solid var(--primary-accent-color) !important;
box-shadow: 0 1px 4px var(--primary-accent-color) !important;
}
/* URL Bar Drop Down */
#PopupAutoCompleteRichResult .autocomplete-richlistbox {
background-color: var(--grey-60) !important;
}
#PopupAutoCompleteRichResult .autocomplete-richlistitem {
border-bottom-color: var(--primary-light-color) !important;
}
/* Hover color */
.autocomplete-richlistitem:hover,
treechildren.searchbar-treebody::-moz-tree-row(hover) {
background-color: var(--grey-70) !important;
}
.autocomplete-richlistitem .ac-title,
.autocomplete-richlistitem .ac-action,
.autocomplete-richlistitem .ac-separator,
#PopupSearchAutoComplete {
color: var(--primary-light-color) !important;
}
.autocomplete-richlistitem[selected=true] {
background-color: var(--primary-accent-color) !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] {
color: white !important;
}
.autocomplete-richlistitem[selected=true] .ac-url,
.ac-url[selected] {
color: white !important;
}
.ac-url {
color: var(--primary-accent-color) !important;
}
.search-one-offs {
background: var(--grey-60) !important;
}
.search-panel-input-value {
color: var(--primary-accent-color) !important;;
}
/* Search one-offs */
.search-panel-one-offs {
background: var(--grey-80) !important;
}
.search-panel-header {
background-color: var(--grey-80) !important;
border-top: none !important;
}
.search-panel-one-offs {
border-top: none !important;
}
/* Searchbar */
panel[type="autocomplete"], panel[type="autocomplete-richlistbox"], .autocomplete-history-popup {
color: var(--primary-light-color) !important;
background: var(--primary-dark-color) !important;
}
/* Changes the hover color and text color */
.autocomplete-tree {
color: var(--primary-light-color) !important;
}
.searchbar-treebody::-moz-tree-row {
background-color: var(--grey-60) !important;
}
.searchbar-treebody::-moz-tree-row(hover) {
background-color: background-color: var(--grey-70) !important;
}
.searchbar-treebody::-moz-tree-row(selected) {
background-color: var(--primary-accent-color) !important;
}