userChrome-LIGHT.css

* {
	color: #586e75;
	border-radius: 0 !important;
	fill: #586e75 !important;
}

@-moz-document url-prefix("about:") {
    :root {
        --in-content-page-background: #fdf6e3 !important;
    }
}

:root {
  background-color: #fdf6e300 !important; /* For default "auto" theme */
  --lwt-accent-color: #eee8d5df !important; /* area behind tabs and menubar */
  --lwt-accent-color-inactive: #eee8d5df !important; /* same as above for unselected windows */
  --toolbar-bgcolor: #fdf6e3df !important; /* toolbar background */
/*  --lwt-selected-tab-background-color: #002b36 !important; /* selected tab background */*/
  --tab-selected-bgcolor: #002b36 !important; /* selected tab background for default "auto" theme */
  --toolbar-field-background-color: #eee8d5 !important; /* urlbar, search, etc. */

  --tab-block-margin: 0 !important;
  --toolbarbutton-border-radius: 0 !important;
  --tab-border-radius: 0 !important;
  /*  in userChrome.css : Remove Stupid #000000 Line Under ToolBar */
  --chrome-content-separator-color: #839496 !important;
}

/*#toolbar-menubar {
	color: #586e75 !important;
/*	background-color: transparent !important;*/
	height: 24px !important;
	margin: 0px !important;
	padding: 0px !important;
	border-bottom: 1px solid !important;
	border-color: 586e75 !important;
}*/


/*#navigator-toolbox{ --toolbar-bgcolor: transparent }*/


/*Neuer Tabbutton verschoben*/
/*#TabsToolbar #tabs-newtab-button {
   margin-top: -4px !important;
   margin-bottom: -4px !important;
   margin-left: 0px !important;
   margin-right: 0px !important;
   min-height: 24px !important;
   max-height: 24px !important;
   height: 24px !important;
}*/

/*%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%
So you want to colorize your right click menu?

context menu background color
context menu border color (no ugly border)
text color
(optional) produces a gradient background color with transparency
hovered item color
/*%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%*/

menupopup{
	background-color: #fdf6e3 !important;
  --panel-background:  #fdf6e3 !important;                        /*1*/
  --panel-border-color:  #fdf6e3 !important;                    /*2*/
  --panel-color: #586e75 !important;*/                                  /*3*/
}                                                                      /*4^*/
menuitem:hover{
  background-color: #eee8d5 !important;                               /*5*/
}

/*#home-button {
list-style-image: url('https://upload.wikimedia.org/wikipedia/commons/e/e6/Home_Icon.svg') !important;
}*/




/* show tab manager button even when tabs aren't overflowing -  
   can instead use browser.tabs.tabmanager.enabled;true as well  
   or skip this part if you want to retain the default behaviour */  
#alltabs-button {  
    display: -moz-box !important;  
}  

/* tab counter */  
#TabsToolbar-customization-target {  
    counter-reset: tabCount;  
}  
.tabbrowser-tab {  
    counter-increment: tabCount;
}  
#alltabs-button > .toolbarbutton-badge-stack > .toolbarbutton-icon {  
    visibility: collapse !important;
}  
#alltabs-button > .toolbarbutton-badge-stack {  
    position: relative !important;  
}  
#alltabs-button > .toolbarbutton-badge-stack::before {  
    content: counter(tabCount);  
    border-bottom: 1px solid  #586e75;
/*    color: var(--toolbarbutton-icon-fill);  */
    color: #586e75;
    opacity: var(--toolbarbutton-icon-fill-opacity);  
    position: absolute;  
    bottom: var(--toolbarbutton-inner-padding);  
    left: 50%;  
    transform: translateX(-50%);
    padding: 0 3px;
}

#urlbar-search-button,
#tracking-protection-icon-container,
#identity-box,
#identity-box.extensionPage #identity-icon-label{
  max-width: 0px;
  transition: max-width 100ms linear !important;
  overflow: hidden;
}

#identity-box.extensionPage{ max-width: 32px }

#urlbar:hover #urlbar-input-container > box,
#urlbar:hover #identity-box.extensionPage #identity-icon-label{
  max-width: 300px;
}

#urlbar:not([focused]) > #urlbar-background  {
    border: none !important;
    box-shadow: none !important;
}


#urlbar {
	background: #eee8d5; border-right: 1px solid #93a1a1; border-left: 1px solid #93a1a1; border-bottom: 1px solid  #cfc9b6; border-top: 1px solid #839496; outline: 1px solid #fdf6e3; box-shadow: inset 0 0 0 1px #eee8d5;
}


.tabbrowser-tab .tab-close-button{
  display:none;
}
.tabbrowser-tab:not([pinned]):hover .tab-close-button {
  display: flex !important;
  align-items: center;
}

/*Höhe der Tabs*/
.tabbrowser-tab {
	margin-top: 4px !important;
	margin-bottom: 4px !important;
	margin-right: 2px !important;
	min-height: 28px !important;
	max-height: 28px !important;
	box-shadow: none !important;
}

.tabbrowser-tab .tab-content {
	background: #fdf6e3 !important;
	background: #fdf6e3; border-right: 1px solid #93a1a1; border-left: 1px solid #93a1a1; border-bottom: 1px solid  #839496; border-top: 1px solid #cfc9b6; outline: 1px solid #fdf6e3; box-shadow: inset 0 0 0 1px #eee8d5;
}
.tabbrowser-tab[selected] .tab-content {
	background: #fdf6e3 !important;
	background: #fdf6e3; border-right: 1px solid #657b83; border-left: 1px solid #657b83; border-bottom: 1px solid #586e75; border-top: 1px solid #b3c1c1; outline: 0px solid; box-shadow: inset 0 0 0 1px #fdf6e3;
}
.tabbrowser-tab[selected] label {
    color: #002b36 !important;
}




#back-button[disabled="true"] { fill: #586e75 !important;}
#forward-button[disabled="true"] { fill: #586e75 !important;}
#reload-button[disabled="true"] { fill: #586e75 !important;}
#home-button[disabled="true"] { fill: #586e75 !important;}

#back-button:not([disabled="true"]) { fill: #586e75 !important;}
#forward-buttonn:not([disabled="true"]) { fill: #586e75 !important;}
#reload-buttonn:not([disabled="true"]) { fill: #586e75 !important;}
#home-buttonn:not([disabled="true"]) { fill: #586e75 !important;}