uiserchrome2.css

@-moz-document url("chrome://browser/content/aboutDialog.xul") {
#leftBox {
background-image: url("Logo.png") !important;
background-position: left;
background-repeat: no-repeat !important;
}

#aboutDialogContainer {
background: #1f1f1f !important;
font-family: Fira Sans !important;
font-size: 14px !important;
color: yellow !important;
}
#bottomBox {
background-color: #1f1f1f !important;
}
}

/* Revert tab throbber */

.tab-throbber[busy]::before {
background-image: url("chrome://global/skin/icons/loading.png") !important;
animation: unset !important;
}

.tab-throbber[busy]:not([progress])::before {
filter: grayscale(100%);
}

@media (min-resolution: 2dppx) {
.tab-throbber[busy]::before {
background-image: url("chrome://global/skin/icons/loading@2x.png") !important;
}
}

/* New arrows navigation icons */

#back-button {
list-style-image: url("left-arrow.png") !important;
}

#forward-button {
list-style-image: url("right-arrow.png") !important;
}

/* restart button */

#alltabs-button {
-moz-binding: url(data:text/xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIj8+DQo8IS0tIENvcHlyaWdodCAoYykgMjAxNyBIYWdnYWkgTnVjaGkNCkF2YWlsYWJsZSBmb3IgdXNlIHVuZGVyIHRoZSBNSVQgTGljZW5zZToNCmh0dHBzOi8vb3BlbnNvdXJjZS5vcmcvbGljZW5zZXMvTUlUDQogLS0+DQoNCjwhLS0gUnVuIHVzZXJDaHJvbWUuanMvdXNlckNocm9tZS54dWwgYW5kIC51Yy5qcy8udWMueHVsLy5jc3MgZmlsZXMgIC0tPg0KPGJpbmRpbmdzIHhtbG5zPSJodHRwOi8vd3d3Lm1vemlsbGEub3JnL3hibCI+DQogICAgPGJpbmRpbmcgaWQ9ImpzIiBleHRlbmRzPSJjaHJvbWU6Ly9nbG9iYWwvY29udGVudC9iaW5kaW5ncy90b29sYmFyYnV0dG9uLnhtbCNtZW51Ij4NCiAgICAgICAgPGltcGxlbWVudGF0aW9uPg0KICAgICAgICAgICAgPGNvbnN0cnVjdG9yPjwhW0NEQVRBWw0KICAgICAgICAgICAgICAgIGlmKHdpbmRvdy51c2VyQ2hyb21lSnNNb2QpIHJldHVybjsNCiAgICAgICAgICAgICAgICB3aW5kb3cudXNlckNocm9tZUpzTW9kID0gdHJ1ZTsNCiAgICAgICAgICAgICAgICANCiAgICAgICAgICAgICAgICB2YXIgY2hyb21lRmlsZXMgPSBGaWxlVXRpbHMuZ2V0RGlyKCJVQ2hybSIsIFtdKS5kaXJlY3RvcnlFbnRyaWVzOw0KICAgICAgICAgICAgICAgIHZhciB4dWxGaWxlcyA9IFtdOw0KICAgICAgICAgICAgICAgIHZhciBzc3MgPSBDY1snQG1vemlsbGEub3JnL2NvbnRlbnQvc3R5bGUtc2hlZXQtc2VydmljZTsxJ10uZ2V0U2VydmljZShDaS5uc0lTdHlsZVNoZWV0U2VydmljZSk7DQogICAgICAgICAgICAgICAgDQogICAgICAgICAgICAgICAgd2hpbGUoY2hyb21lRmlsZXMuaGFzTW9yZUVsZW1lbnRzKCkpIHsNCiAgICAgICAgICAgICAgICAgICAgdmFyIGZpbGUgPSBjaHJvbWVGaWxlcy5nZXROZXh0KCkuUXVlcnlJbnRlcmZhY2UoQ2kubnNJRmlsZSk7DQogICAgICAgICAgICAgICAgICAgIHZhciBmaWxlVVJJID0gU2VydmljZXMuaW8ubmV3RmlsZVVSSShmaWxlKTsNCiAgICAgICAgICAgICAgICAgICAgDQogICAgICAgICAgICAgICAgICAgIGlmKGZpbGUuaXNGaWxlKCkpIHsNCiAgICAgICAgICAgICAgICAgICAgICAgIGlmKC8oXnVzZXJDaHJvbWV8XC51YylcLmpzJC9pLnRlc3QoZmlsZS5sZWFmTmFtZSkpIHsNCiAgICAgICAgICAgICAgICAgICAgICAgICAgICBTZXJ2aWNlcy5zY3JpcHRsb2FkZXIubG9hZFN1YlNjcmlwdFdpdGhPcHRpb25zKGZpbGVVUkkuc3BlYywge3RhcmdldDogd2luZG93LCBpZ25vcmVDYWNoZTogdHJ1ZX0pOw0KICAgICAgICAgICAgICAgICAgICAgICAgfQ0KICAgICAgICAgICAgICAgICAgICAgICAgZWxzZSBpZigvKF51c2VyQ2hyb21lfFwudWMpXC54dWwkL2kudGVzdChmaWxlLmxlYWZOYW1lKSkgew0KICAgICAgICAgICAgICAgICAgICAgICAgICAgIHh1bEZpbGVzLnB1c2goZmlsZVVSSS5zcGVjKTsNCiAgICAgICAgICAgICAgICAgICAgICAgIH0NCiAgICAgICAgICAgICAgICAgICAgICAgIGVsc2UgaWYoL1wuYXNcLmNzcyQvaS50ZXN0KGZpbGUubGVhZk5hbWUpKSB7DQogICAgICAgICAgICAgICAgICAgICAgICAgICAgaWYoIXNzcy5zaGVldFJlZ2lzdGVyZWQoZmlsZVVSSSwgc3NzLkFHRU5UX1NIRUVUKSkNCiAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgc3NzLmxvYWRBbmRSZWdpc3RlclNoZWV0KGZpbGVVUkksIHNzcy5BR0VOVF9TSEVFVCk7DQogICAgICAgICAgICAgICAgICAgICAgICB9DQogICAgICAgICAgICAgICAgICAgICAgICBlbHNlIGlmKC9eKD8hKHVzZXJDaHJvbWV8dXNlckNvbnRlbnQpXC5jc3MkKS4rXC5jc3MkL2kudGVzdChmaWxlLmxlYWZOYW1lKSkgew0KICAgICAgICAgICAgICAgICAgICAgICAgICAgIGlmKCFzc3Muc2hlZXRSZWdpc3RlcmVkKGZpbGVVUkksIHNzcy5VU0VSX1NIRUVUKSkNCiAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgc3NzLmxvYWRBbmRSZWdpc3RlclNoZWV0KGZpbGVVUkksIHNzcy5VU0VSX1NIRUVUKTsNCiAgICAgICAgICAgICAgICAgICAgICAgIH0NCiAgICAgICAgICAgICAgICAgICAgfQ0KICAgICAgICAgICAgICAgIH0NCiAgICAgICAgICAgICAgICANCiAgICAgICAgICAgICAgICBzZXRUaW1lb3V0KGZ1bmN0aW9uIGxvYWRYVUwoKSB7DQogICAgICAgICAgICAgICAgICAgIGlmKHh1bEZpbGVzLmxlbmd0aCA+IDApIHsNCiAgICAgICAgICAgICAgICAgICAgICAgIGRvY3VtZW50LmxvYWRPdmVybGF5KHh1bEZpbGVzLnNoaWZ0KCksIG51bGwpOw0KICAgICAgICAgICAgICAgICAgICAgICAgc2V0VGltZW91dChsb2FkWFVMLCA1KTsNCiAgICAgICAgICAgICAgICAgICAgfQ0KICAgICAgICAgICAgICAgIH0sIDApOw0KICAgICAgICAgICAgXV0+PC9jb25zdHJ1Y3Rvcj4NCiAgICAgICAgPC9pbXBsZW1lbnRhdGlvbj4NCiAgICA8L2JpbmRpbmc+DQo8L2JpbmRpbmdzPg==);
}

/*-------------------------------------*/

#urlbar html|input.textbox-input::-moz-selection {
font-family: Fira Sans !important;
font-size: 14px !important;
background-color: dodgerblue !important;
}

menupopup {
-moz-appearance: none !important;
padding: 8px 2px 8px 2px !important;
background-color: #1f1f1f !important;
border: 0px #A0A0A0 solid !important;
/*width: 280px !important;*/
min-width: 280px !important;
}

menuseparator {
-moz-appearance: none !important;
border: none !important;
padding: .5px 0px .5px 0px !important;
margin: 4px 8px 4px 8px !important;
background-color: #80808049 !important;
}

menuitem,
menu {
-moz-appearance: none !important;
color: white !important;
padding: 3px 0px 3px 0px !important;
}

menuitem[disabled="true"],
menuitem[disabled="true"]>.menu-text {
color: #888888 !important;
}



menuitem:hover,
menu:hover,
menu[open="true"],
menuitem[_moz-menuactive="true"] {
-moz-appearance: none !important;
padding: 3px 0px 3px 0px !important;
background-color: dodgerblue !important;
/*#414141 !important;*/
}

menugroup {
padding: 0px !important;
background-color: transparent !important;
}

menuitem>.menu-text,
menuitem>.menu-iconic-text {
color: white !important;
}

menuitem[type="checkbox"] {
padding-left: 8px !important;
padding-top: 5.5px !important;
padding-bottom: 5.5px !important;
}

menuitem[type="radio"] {
padding-left: 8px !important;
padding-top: 5.5px !important;
padding-bottom: 5.5px !important;
}

menuitem[type="checkbox"]>.menu-iconic-text,
menuitem[type="radio"]>.menu-iconic-text {
padding-left: 5px !important;
}

menuitem[checked="true"][type="checkbox"]>.menu-iconic-left {
padding: 7px 0px 0px 0px !important;
border: solid white !important;
border-width: 0 0 2px 2px !important;
transform: rotate(-45deg) scale(.75);
margin-bottom: 2px !important;
}

menuitem[checked="true"][type="radio"]>.menu-iconic-left {
padding: 1px !important;
border: solid white;
height: 17px !important;
border-radius: 100%;
background: white;
transform: scale(.5);
}

menucaption {
background-color: transparent !important;
color: white !important;
}

#ContentSelectDropdown>menupopup {
background-image: none !important;
}

#ContentSelectDropdown {
padding: 0px !important;
}

menulist {
-moz-appearance: none !important;
padding: 4px 4px 4px 4px !important;
border: 0px solid #666666 !important;
background-color: #777777 !important;
}

menulist:hover {
padding: 4px 4px 4px 4px !important;
border: 0px solid #999999 !important;
background-color: dodgerblue !important;
}

menulist[open="true"] {
border: 0px solid #666666 !important;
background-color: #777777 !important;
}

#context-back>.menu-iconic-left,
#context-forward>.menu-iconic-left,
#context-reload>.menu-iconic-left,
#context-stop>.menu-iconic-left,
#context-bookmarkpage>.menu-iconic-left {
padding: 2px !important;
}

.menu-iconic-left {
-moz-appearance: none !important;
padding: 0px 5px 0px 9px !important;
}

.menu-right {
-moz-appearance: none !important;
padding: 7.5px !important;
margin-right: 6px !important;
color: white !important;
border: solid white;
border-width: 0 2px 2px 0px;
transform: rotate(-45deg) scale(.55);
}

tooltip {
-moz-appearance: none !important;
color: yellow !important;
background-color: black !important;
border: 0px solid white !important;
padding: 5.5px !important;
font-family: Fira Sans !important;
font-size: 12px !important;
opacity: 1 !important;
}

/*------coloring shortcuts in menus     */
menuitem .menu-iconic-accel{
font-size: 13px !important;
color: dodgerblue !important;

}
menuitem .menu-accel{
font-size: 13px !important;
color: dodgerblue !important;
}
#PopupAutoCompleteRichResult .ac-url:not([selected="true"]) {
color: dodgerblue !important;
}
/*----------------*/
#TabsToolbar {
--toolbarbutton-inner-padding: 2px;
}
/*-------------------------*/

#urlbar:hover {
background: #1f1f1f !important;
color: white !important;
}
/*---------ombre onglets ------------*/
/*.tabbrowser-tab[visuallyselected="true"] {
box-shadow: 0 0 26px yellow !important;
}*/
/*----------------------------*/

/*
#TabsToolbar {
background: #0C0C0D!important;
}*/

icons folders,
favicons,
default document icons treechildren::-moz-tree-image {
width: 22px !important;
height: auto !important;
min-height: 25px !important;
margin-top: 0px !important;
margin-bottom: 2px !important;
}

/*--------------------------------------------*/

toolbarbutton.subviewbutton.subviewbutton-iconic .toolbarbutton-text {
display: -moz-box !important;
}

toolbarbutton.bookmark-item[type="menu"] {
margin-right: .5em !important;
}

toolbarbutton.bookmark-item[type="menu"] .toolbarbutton-text {
display: -moz-box !important;
}

/*-----------*/

menubar,
menubutton,
menulist,
menu,
menuitem {
background-color: none !important;
font-family: Fira Sans !important;
font-size: 14px !important;
}

#PanelUI-menu-button:before {
content: '';
width: 1px;
height: 20px;
/*background: white;*/
display: flex;
}

#sidebar-header {
padding: 2px !important;
}

#file-menu {
font-family: Fira Sans !important;
font-size: 14px !important;
}

#edit-menu {
font-family: Fira Sans !important;
font-size: 14px !important;
}

#toolbar-menubar {
font-family: Fira Sans !important;
font-size: 14px !important;
}

#history-menu {
font-family: Fira Sans !important;
font-size: 14px !important;
}

#bookmarksMenu {
font-family: Fira Sans !important;
font-size: 14px !important;
}

#view-menu {
font-family: Fira Sans !important;
font-size: 14px !important;
}

#tools-menu {
font-family: Fira Sans !important;
font-size: 14px !important;
}

#help-menu {
font-family: Fira Sans !important;
text-decoration: none !important;
font-weight: normal !important;
font-style: normal !important;
font-size: 14px !important;
}

#personal-bookmarks .menu-iconic-text,
#personal-bookmarks .toolbarbutton-text {
font-family: Fira Sans !important;
font-size: 14px !important;
}

.tab-text {
font-family: Fira Sans !important;
font-size: 14px !important;
}

.autocomplete-richlistitem {
font-family: Fira Sans !important;
font-size: 14px !important;
}

/*----------------------*/

#urlbar,
.searchbar-textbox {
font-family: Fira Sans !important;
border: 0px !important;
}

#TabsToolbar:not([collapsed="true"])+#nav-bar {
border: 0px !important;
}

#navigator-toolbox::after {
border: 0px !important;
}

/*-----------------------*/

#sidebar-search-container,
#sidebar-search-container *|input::placeholder {
color: white !important;
opacity: 1 !important;
border: 0px !important;
background-color: transparent !important;
}

/* -------------------------------- */

/* tabs --- rotate close button */

#tabbrowser-tabs .tabbrowser-tab:hover .tab-close-button {
transform: rotate(1440deg) !important;
transition: transform ease-in-out 2s !important;
}
/*rotate close end */


/* icones   gauche barre d'adresse*/

#page-action-buttons {
-moz-box-ordinal-group: 0 !important;
/* Move the PageActions to the left */
}
/* Move the three dots to the end (rightmost) of the PageActions*/
/*#pageActionButton {
-moz-box-ordinal-group: 2 !important;

}*/
/*
#tabbrowser-tabs {
--tab-line-color: none !important;
}
*/
/*------------------------*/

#tab-line[selected="true"] {
background: dodgerblue !important;
/*-moz-win-accentcolor !important;*/
}

.tab-background[selected="true"] {
background-attachment: none !important;
background-color: #323234 !important;
/* !important;*/
background-image: none !important;
}

/*--------------------------------------------*/

/* Border between background tabs */

.tabbrowser-tab::after,
.tabbrowser-tab::before {
display: none !important;
}

/*---------------------------------------------------------------------------------------------------*/

/*
Firefox 57 users: https://www.jeffersonscher.com/gm/url-bar-tweaks.html
You can copy/paste into a userChrome.css file, see https://www.userchrome.org/
Firefox 52-56 users: roll back your Stylish to version 2.1.1 or 2.0.7 here:
https://addons.mozilla.org/firefox/addon/stylish/versions/
Then find Stylish on the Add-ons page, click its More link, and turn off updates
*/
/*
@-moz-document url("chrome://browser/content/browser.xul") {*/
/* " - Visit" or " - Search with" bar NOT HIDDEN */


@-moz-document url("chrome://browser/content/browser.xul") {
/* " - Visit" or " - Search with" bar NOT HIDDEN */
/*
:root {
--panel-separator-color: white !important;
}*/
/* Restore persistent display of drop-marker */
#urlbar:not(:hover)>.urlbar-textbox-container>.urlbar-history-dropmarker {
opacity: 1 !important;
}
/* Set max-height for items visible without scrolling */
#PopupAutoCompleteRichResult .autocomplete-richlistbox {
/* height:auto doesn't work in photon */
max-height: calc(40px * 10) !important;
}
/* Constrain drop-down width */
/*#PopupAutoCompleteRichResult {
max-width: 1200px !important;
}*/
/* Font-sizes */
#PopupAutoCompleteRichResult .autocomplete-richlistitem:not([actiontype="searchengine"]) .ac-title {
font-size: 14px !important;
}
#PopupAutoCompleteRichResult .autocomplete-richlistitem:not([actiontype="searchengine"]) .ac-url,
#PopupAutoCompleteRichResult .autocomplete-richlistitem:not([actiontype="searchengine"]) .ac-action {
font-family: Fira Sans !important;
font-size: 12px !important;
}
/* Dark Themed Drop-down */
/* Dark Theme - Firefox 48+ */
#PopupAutoCompleteRichResult .autocomplete-richlistbox {
background-color: #1f1f1f !important;
}
#PopupAutoCompleteRichResult .autocomplete-richlistitem {
border-bottom-color: #333 !important;
}
.autocomplete-richlistitem .ac-title,
.autocomplete-richlistitem .ac-action,
.autocomplete-richlistitem .ac-separator {
color: white !important;
}
#PopupAutoCompleteRichResult .ac-url:not([selected="true"]) {
color: var(--theme-highlight-bluegrey) !important;
}
.autocomplete-richlistitem[selected=true] {
background-color: dodgerblue !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: #eee !important;
}
.autocomplete-richlistitem[selected=true] .ac-url,
.ac-url[selected] {
color: dodgerblue !important;
}
#PopupAutoCompleteRichResult .autocomplete-richlistitem:hover {
background-color: dodgerblue !important;
}
#PopupAutoCompleteRichResult .autocomplete-richlistitem[selected] {
background-color: dodgerblue !important;
}
/* Ability to scroll in Fx57 */
#PopupAutoCompleteRichResult .autocomplete-richlistbox>scrollbox {
overflow-y: auto !important;
padding-right: 3px !important;
}
#PopupAutoCompleteRichResult .autocomplete-richlistbox {
padding-right: 0 !important;
}
}
/*----------Hamburger icon -----------*/

#PanelUI-menu-button {
list-style-image: url("hamburger.png") !important;
filter: invert(100%) !important;
}

@media (min-resolution: 4dppx) {
#PanelUI-menu-button {
list-style-image: url("hamburger.png") !important;
filter: invert(100%) !important;
}
}

/*-----------------------------------------------------------------------------*/

@namespace url("http://www.mozilla.org/keymaster/gatekeeper/there.is.only.xul");
#TabsToolbar {
height: 32px !important;
}

.bookmark-item {
margin-left: 0 !important;
margin-right: 0 !important;
padding-right: 0 !important;
padding-left: 0 !important;
}

toolbarbutton.bookmark-item .toolbarbutton-text {
display: none !important;
}

toolbarbutton.bookmark-item .toolbarbutton-icon {
margin-left: 2px !important;
}

#PlacesToolbarItems>.bookmark-item>.toolbarbutton-icon[label]:not([label=""]) {
margin-inline-end: 2px !important;
}

toolbarbutton.subviewbutton.subviewbutton-iconic .toolbarbutton-text {
display: -moz-box !important;
}

/* --- [2] --- */

toolbarbutton.bookmark-item[type="menu"] {
margin-right: .5em !important;
}

toolbarbutton.bookmark-item[type="menu"] .toolbarbutton-text {
display: -moz-box !important;
}

/*-------------------*/

@-moz-document url("chrome://browser/content/browser.xul"),
url("chrome://browser/content/bookmarks/bookmarksPanel.xul"),
url("chrome://browser/content/history/history-panel.xul") {

#sidebar {
max-width: none !important;
min-width: 0px !important;
}
#sidebar,
#sidebar-header {
border-right: 0px solid !important;
}
#sidebar,
#sidebar-header,
#bookmarksPanel,
#bookmarks-view,
#history-panel,
#historyTree {
background-color: #1f1f1f !important;
font-family: Fira Sans !important;
color: white !important;
}
/* Sidebar items */
.sidebar-placesTreechildren::-moz-tree-row {
border: 0px !important;
}
.sidebar-placesTreechildren::-moz-tree-cell(hover) {
background: dodgerblue !important;
}
.sidebar-placesTreechildren::-moz-tree-row(selected) {
background: dodgerblue !important;
}
.sidebar-placesTreechildren::-moz-tree-cell-text(selected) {
color: white !important;
}
#sidebar-splitter {
opacity: 0 !important;
}
/* ******** OPTIONAL ********  */
/* Hide scrollbar (but you can still scroll)
scrollbar,
scrollbar * {
-moz-appearance: none !important;
background: none !important;
margin-left: -9px !important;
}*/
/* Hide white bar. Not necessary, but helpful. */
#sidebar-splitter {
opacity: 0 !important;
}
/* ****** END OPTIONAL ******  */

/* Sidebar items */
/*
.sidebar-placesTreechildren::-moz-tree-row {
border: 0px !important;
color:dodgerblue !important;
opacity: 1.0 !important;

}*/
}

/*-------------library----------------*/



/*---------#1f1f1f*************#45A1FF-*/

/*
* Sliding Bookmarks Bar
* Makes the bookmarks bar slide down on hover or when menubar is enabled.
*
* Contributor(s): zvuc (https://userstyles.org/styles/57368/firefox-sliding-bookmarks-bar-windows)
* License: CC BY-NC-SA (https://creativecommons.org/licenses/by-nc-sa/4.0/)
*/

/*
#nav-bar~#PersonalToolbar:not([customizing]) {
position: fixed !important;
padding: 3px 2px 2px !important;
height: auto !important;
border-top: 0px solid transparent!important;
border-right: 1px solid transparent !important;
border-bottom: 1px solid rgba(0, 0, 0, 0.3) !important;
border-left: 1px solid transparent !important;
box-shadow: 0 0px 2px rgba(0, 0, 0, 0);
width: 100%;
transform: translateY(-100%);
transition: transform 0.2s !important;
}

#navigator-toolbox:hover>#nav-bar~#PersonalToolbar:not([customizing]) {
transform: translateY(0);
}

#toolbar-menubar:not([inactive="true"])~#nav-bar~#PersonalToolbar:not([customizing]) {
transform: translateY(0);
}*/

#sidebar-switcher-bookmarks>.toolbarbutton-icon,
#sidebar-box[sidebarcommand="viewBookmarksSidebar"]>#sidebar-header>#sidebar-switcher-target>#sidebar-icon {
color: #336699 !important;
fill: #336699 !important;
opacity: 1.0 !important;
}

#sidebar-switcher-history>.toolbarbutton-icon,
#sidebar-box[sidebarcommand="viewHistorySidebar"]>#sidebar-header>#sidebar-switcher-target>#sidebar-icon {
color: #800080 !important;
fill: #800080 !important;
opacity: 1.0 !important;
}

.sidebar-switcher-tabs>.toolbarbutton-icon,
.sidebar-box[sidebarcommand="viewTabsSidebar"]>#sidebar-header>#sidebar-switcher-target>#sidebar-icon {
color: #4169e1 !important;
fill: #4169e1 !important;
opacity: 1.0 !important;
}
/*icones sidebar blancs*//*
@namespace url(http://www.mozilla.org/keymaster/gatekeeper/there.is.only.xul);*/
.bookmark-item[container],
treechildren::-moz-tree-image(container) {
fill: white !important;
opacity: 1.0 !important;
}

treechildren::-moz-tree-image(OrganizerQuery_BookmarksToolbar) {
fill: white !important;
opacity: 1.0 !important;
}

treechildren::-moz-tree-image(OrganizerQuery_BookmarksMenu) {
fill: white !important;
}

treechildren::-moz-tree-image(OrganizerQuery_UnfiledBookmarks) {
fill: white !important;
}

treechildren::-moz-tree-image(livemark) {
fill: white !important;
}
/*----------*/
.bookmark-item[container][query],
treechildren::-moz-tree-image(query) {
fill: white !important;
opacity: 1.0 !important;
}
/*------------------------*/
/*AGENT_SHEET*/

/* Firefox 57+ userChrome.css tweaks ****************************************************/

/* code mostly taken from 'Classic Theme Restorer' & 'Classic Toolbar Buttons' add-ons **/

/* by Aris (aris-addons@gmx.net)*********************************************************/

/* Github: https://github.com/aris-t2/customcssforfx ************************************/

/****************************************************************************************/

/* remove background color */

#urlbar .urlbar-page-action,
#urlbar #star-button-animatable-box,
#urlbar #pageAction-panel-bookmark,
#urlbar #star-button,
#urlbar #star-button-animatable-box,
#urlbar .urlbar-icon,
#searchbar .search-go-button {
background: unset !important;
box-shadow: unset !important;
}

/* colorize location bar icons (except star button) */
/*
#urlbar :-moz-any(#reader-mode-button, #pageActionButton,
#pageAction-urlbar-emailLink, #pageAction-urlbar-sendToDevice,
#pageAction-urlbar-screenshots,
#pageAction-urlbar-copyURL),
#urlbar,#urlbar-history-dropmarker {
fill: white !important;
}

#urlbar :-moz-any(#reader-mode-button, #pageActionButton,
#pageAction-urlbar-emailLink, #pageAction-urlbar-sendToDevice,
#pageAction-urlbar-screenshots,
#pageAction-urlbar-copyURL):-moz-any(:hover,
:hover:active,
[open]),
#urlbar .urlbar-history-dropmarker:-moz-any(:hover,
:hover:active,
[open]) {
fill: white !important;
}
*/
/* colorize star button icon */
/*
#urlbar #pageAction-panel-bookmark:not([starred]),
#urlbar #star-button:not([starred]) {
fill: yellow !important;
opacity: 1.0 !important;
}*/
/*
.urlbar #star-button-box[open] #star-button,
.urlbar #star-button:-moz-any(:hover,:hover, :active),
.urlbar #star-button-animatable-box:-moz-any(:hover,:hover, :active) {
filter: brightness(1.0) !important;
}*/
/*
#urlbar #pageAction-panel-bookmark:not([starred]):-moz-any(:hover,
:hover:active,
[open]),
#urlbar #star-button-box[open] #star-button:not([starred]),
#urlbar #star-button:not([starred]):-moz-any(:hover,
:hover:active) {
opacity: 1 !important;
filter: brightness(1.0) !important;
}
*/
/* increase brightness for search bars go button */
/*
#searchbar .search-go-button:-moz-any(:hover,
:hover :active,[open]) {
opacity: 1 !important;
filter: brightness(1.0) !important;
}
*/
/* change opacity for WE page action buttons */
/*
#urlbar #page-action-buttons>.urlbar-icon {
opacity: 1 !important;
}

#urlbar #page-action-buttons>.urlbar-icon:-moz-any(:hover,
:hover:active,[open]) {
opacity: 1 !important;
}*/

/**/

:root {
--magenta-50: #ff1ad9;
--magenta-60: #ed00b5;
--magenta-70: #b5007f;
--magenta-80: #7d004f;
--magenta-90: #440027;
--purple-50: #9400ff;
--purple-60: #8000d7;
--purple-70: #6200a4;
--purple-80: #440071;
--purple-90: #25003e;
--blue-40: #45a1ff;
--blue-50: #0a84ff;
--blue-60: #0060df;
--blue-70: #003eaa;
--blue-80: #002275;
--blue-90: #000f40;
--teal-50: #00feff;
--teal-60: #00c8d7;
--teal-70: #008ea4;
--teal-80: #005a71;
--teal-90: #002d3e;
--green-50: #30e60b;
--green-60: #12bc00;
--green-70: #058b00;
--green-80: #006504;
--green-90: #003706;
--yellow-50: #ffe900;
--yellow-60: #d7b600;
--yellow-70: #a47f00;
--yellow-80: #715100;
--yellow-90: #3e2800;
--red-50: #ff0039;
--red-60: #d70022;
--red-70: #a4000f;
--red-80: #5a0002;
--red-90: #3e0200;
--orange-50: #ff9400;
--orange-60: #d76e00;
--orange-70: #a44900;
--orange-80: #712b00;
--orange-90: #3e1300;
--grey-10: #f9f9fa;
--grey-20: #ededf0;
--grey-30: #d7d7db;
--grey-40: #b1b1b3;
--grey-50: #737373;
--grey-60: #4a4a4f;
--grey-70: #38383d;
--grey-80: #2a2a2e;
--grey-90: #0c0c0d;
--code-green: #86de74!important;
--warning-color: #FCE19F;
--warning-background-color: #44391F;
--theme-highlight-green: #86DE74;
--theme-highlight-blue: #75BFFF;
--theme-highlight-purple: #B98EFF;
--theme-highlight-red: #FF7DE9;
--theme-highlight-yellow: #FFF89E;
--theme-highlight-bluegrey: #5e88b0;
--theme-highlight-lightorange: #d99b28;
--theme-highlight-orange: #d96629;
--theme-highlight-pink: #FF7DE9;
--tone-1: var(--grey-10);
--tone-2: var(--grey-20);
--tone-3: var(--grey-30);
--tone-4: var(--grey-40);
--tone-5: var(--grey-50);
--tone-6: var(--grey-60);
--tone-7: var(--grey-70);
--tone-8: var(--grey-80);
--tone-9: var(--grey-90);
--accent-1: var(--blue-40);
--accent-2: var(--blue-50);
--accent-3: var(--blue-60);
--in-content-page-color: var(--tone-4)!important;
--in-content-page-background: var(--tone-7)!important;
--in-content-text-color: var(--tone-3)!important;
--in-content-selected-text: var(--tone-1)!important;
--in-content-box-background: var(--tone-6)!important;
--in-content-box-background-odd: #f3f6fa;
--in-content-box-background-hover: var(--tone-6)!important;
--in-content-box-background-active: var(--tone-6)!important;
--in-content-box-border-color: var(--tone-5)!important;
--in-content-item-hover: rgba(0, 149, 221, 0.25);
--in-content-item-selected: var(--tone-8)!important;
--in-content-border-highlight: var(--accent-1)!important;
--in-content-border-focus: var(--accent-1)!important;
--in-content-border-color: var(--tone-6)!important;
--in-content-category-outline-focus: 1px dotted #0a84ff;
--in-content-category-text: var(--tone-4)!important;
--in-content-category-text-active: #0c0c0d;
--in-content-category-text-selected: var(--accent-1)!important;
--in-content-category-text-selected-active: #0060df;
--in-content-category-background-hover: rgba(12, 12, 13, 0.1);
--in-content-category-background-active: rgba(12, 12, 13, 0.15);
--in-content-category-background-selected-hover: rgba(12, 12, 13, 0.15);
--in-content-category-background-selected-active: rgba(12, 12, 13, 0.2);
--in-content-tab-color: #424f5a;
--in-content-link-color: var(--accent-1)!important;
--in-content-link-color-hover: var(--accent-2)!important;
--in-content-link-color-active: #003eaa;
--in-content-link-color-visited: #0a8dff;
--in-content-primary-button-background: var(--accent-2)!important;
--in-content-primary-button-background-hover: var(--accent-3)!important;
--in-content-primary-button-background-active: var(--accent-3)!important;
--in-content-table-border-dark-color: var(--tone-7)!important;
--in-content-table-header-background: var(--accent-2)!important;
--theme-selection-background: var(--accent-2)!important;
--theme-selection-background-hover: var(--accent-1)!important;
--in-content-category-header-background: var(--tone-8)!important;
--selected-icon-fill-color: var(--tone-2)!important;
--in-content-dark-header-background: var(--tone-9)!important;
--secure-connection-color: var(--accent-1);
--start-indicator-for-updater-scripts: black;
--end-indicator-for-updater-scripts: black;
--dummy-variable-for-updater-scripts: black;
}

/*------------------------------------------------------------------*/

@-moz-document url(chrome://browser/content/places/places.xul) {
toolbar {
-moz-appearance: none!important;
background-color: var(--in-content-category-header-background)!important;
border: none!important
}
listbox,
textbox {
-moz-appearance: none!important;
background-color: var(--in-content-box-background)!important;
color: var(--in-content-page-color)!important;
min-height: 20px!important;
padding: 0 0 0 4px!important;
border: 1px solid!important;
border-color: var(--in-content-box-border-color)!important;
border-radius: 1px!important;
}
#placesToolbar>toolbarbutton {
margin: 6px 4px 5px!important;
-moz-appearance: none!important;
background-color: var(--tone-4)!important;
border-radius: 5px!important;
filter: invert(100%)!important;
}
#placesList {
-moz-appearance: none!important;
color: var(--in-content-page-color)!important;
background-color: var(--in-content-page-background)!important;
}
#placesView>splitter {
border-color: var(--in-content-border-color)!important;
}
#places #downloadsRichListBox {
-moz-appearance: none!important;
color: var(--in-content-page-color)!important;
background-color: var(--in-content-box-background)!important;
}
#detailsDeck {
border: none!important;
background-color: var(--in-content-page-background)!important;
color: var(--in-content-page-color)!important;
}
.expander-down,
.expander-up {
filter: invert(60%)!important;
}
#placeContent treechildren:not(.autocomplete-treebody)::-moz-tree-cell-text() {
color: var(--in-content-text-color)!important;
}
#places treechildren:not(.autocomplete-treebody)::-moz-tree-row(selected),
#placesList>treechildren::-moz-tree-row(selected) {
-moz-appearance: none!important;
-moz-font-smoothing-background-color: none!important;
border-top: none!important;
background: var(--theme-selection-background)!important;
color: white !important; /*var(--in-content-text-color)!important;*/
}
#placeContent treechildren:not(.autocomplete-treebody)::-moz-tree-cell-text(selected),
#placesList>treechildren::-moz-tree-cell-text(selected) {
color: white !important; /*var(--in-content-text-color)!important;*/
}
#places treechildren::-moz-tree-row {
background-color: transparent!important;
}
#places treechildren::-moz-tree-image {
fill: var(--in-content-page-color)!important;
}
#places treechildren::-moz-tree-image(selected) {
fill: white !important; /*var(--selected-icon-fill-color)!important;*/
}
#placeContent>treechildren::-moz-tree-cell,
#placeContent>treechildren::-moz-tree-column {
border-color: var(--in-content-box-border-color)!important;
}
#contentView treecol {
-moz-appearance: none!important;
border: none!important;
background: var(--in-content-category-header-background)!important;
color: white !important; /*var(--in-content-text-color)!important;*/
border-right: 1px solid!important;
border-color: var(--in-content-box-border-color)!important;
}
tree {
background-color: var(--in-content-box-background)!important;
}
@media screen and (-moz-windows-theme),
screen and (-moz-windows-classic),
screen and (-moz-windows-default-theme),
screen and (-moz-os-version:windows-win7),
screen and (-moz-os-version:windows-win8),
screen and (-moz-os-version:windows-win10) {
#metaTagsCaption,
#security-identity,
#security-identity-groupbox,
#security-privacy,
#security-privacy-groupbox,
#security-technical,
#security-technical-groupbox {
-moz-appearance: none!important;
background-color: var(--in-content-page-background)!important;
border: none!important;
color: var(--in-content-selected-text)!important;
}
#security-identity-groupbox,
#security-privacy-groupbox,
#security-technical-groupbox {
-moz-appearance: none!important;
background-color: var(--in-content-category-header-background)!important;
}
}
}

#sidebar-header,
#sidebar-search-container,
#sidebar-search-container #viewButton,
.sidebar-header {
background: var(--in-content-category-header-background)!important;
color: var(--in-content-page-color)!important
}

hbox#sidebar-search-container textbox#search-box {
-moz-appearance: none!important;
background-color: black !important; /*var(--in-content-box-background)!important;*/
color: var(--in-content-page-color)!important;
min-height: 30px!important;
padding: 0 0 0 4px!important;
border: 1px solid!important;
border-color: var(--in-content-box-border-color) !important;
border-radius: 1px !important;
}

#sidebar,
#sidebar-box,
#template-container,
#webext-panels-browser,
#webextpanels-window {
background: var(--in-content-page-background) !important;
}

.sidebar-placesTree {
-moz-appearance: none !important;
color: var(--in-content-page-color)!important;
background-color: var(--in-content-page-background) !important;
opacity: 1 !important;
}

#sidebar-box[sidebarcommand=treestyletab_piro_sakura_ne_jp-sidebar-action] #sidebar-icon {
filter: invert(60%);
}

#button_treestyletab_piro_sakura_ne_jp-sidebar-action .toolbarbutton-icon {
filter: invert(87%);
}

.button-menu-dropmarker,
.button-menubutton-dropmarker {
filter: invert(65%);
}

.sidebar-placesTree::-moz-tree-image,
.sidebar-placesTreechildren::-moz-tree-image {
fill: var(--in-content-page-color) !important;
}


/*
@-moz-document url(chrome://browser/content/browser.xul) {
browser[type="content-primary"],
tabbrowser tabpanels,
#appcontent>#content {
background: #323234 !important;
}*/