Anzeige unter about:addons in Nightly verändert

2002Andreas

Gerne wie immer

FuchsFan

Und es geht weiter unter about:addons, z.B. die Button Aktivieren/Deaktivieren bei Themes. Ich komme da nicht weiter, wenn ich unter Verwalten diese Button einzeln ansprechen möchte. Alles was ich bisher versucht habe wirkt immer übergreifend auf andere Button.

2002Andreas

Zitat von FuchsFan

diese Button einzeln ansprechen möchte.

Meinst du das so?

Wenn ja, teste bitte mal:

CSS

[data-l10n-id="enable-addon-button"] {
  background: red !important;
}

[data-l10n-id="disable-addon-button"] {
  background: green !important;
}

.button-background {
  &.labelled {
  color: white !important;  
 }
}

addon-card .more-options-button {
  background-color: yellow !important;
  color: red !important;
}

Alles anzeigen

FuchsFan

Zitat von 2002Andreas

Wenn ja, teste bitte mal:

Danke, Andreas, das habe ich soweit auch schon. Der Code wirkt aber auf alle Button, auf der Hauptseite Themes, sowie auch unter "Verwalten". Mir kommt es darauf an, nur die Button unter Verwalten extra anzusprechen, wenn das überhaupt möglich ist.

So verhält es sich auch dem more-options-button, der auf alle Menüs wirkt. Auch hier wollte ich ihn nur unter Verwalten ausklammern, und ihn extra ansprechen, wenn es auch hier überhaupt möglich ist.

Boersenfeger

Ich habe den Code mal in meinen (siehe #19) übernommen, dann siehts so aus:

Vielleicht kann man unter Themes die Buttons in beige weiter nach links rücken, damit die neuen nicht verdeckt werden?

FuchsFan

Zitat von Boersenfeger

Vielleicht kann man unter Themes die Buttons in beige weiter nach links rücken, damit die neuen nicht verdeckt werden?

In Zeile 226 bei right: den Wert erhöhen.

Boersenfeger

Danke! Passt! 🙂

Boersenfeger

Seit einigen Tagen erscheint vor dem ausgewählten Button der blaue Querstrich. Wie kann man ihn beseitigen?

CSS

    /*  Addons-Manager Nightly */
	
	@-moz-document url-prefix("about:addons") {

/* =========================================
   Sidebar Buttons (alle)
========================================= */

	
[data-l10n-id="sidebar-help-button-title"] {
  display: none !important;
}

.button-background {
   background-color: unset !important;
}

.button-background {
  & img {
	fill: red !important;
  }
}

moz-page-nav-button {
    background: lightgrey !important;
    color: black !important;
    border: 2px solid grey !important;
	border-radius: 50px !important;
	box-shadow: inset 0 0 5px 5px #888 !important;
}

/* =========================================
   Hover (nur bei inaktiv sichtbar)
========================================= */

moz-page-nav-button:hover {
    background: blue !important;
    color: white !important;
    border-color: brown !important;
	box-shadow: inset 0 0 5px 5px #888 !important;
}

/* aktiver Button */
    button[selected] {
    color: white !important;
    background-color: red !important;
	border-radius: 50px !important;
	box-shadow: inset 0 0 5px 5px #888 !important;
}

/* optional hover für aktiven Button */
    button[selected]:hover {
    color: white !important;
    background-color: #8A2BE2 !important;
} 
}

/*  Versionsnummer der Addons wird angezeigt */

     @-moz-document url-prefix(chrome://mozapps/content/extensions/aboutaddons.html),
    url-prefix(chrome://mozapps/content/extensions/extensions.xhtml), url-prefix(about:addons){
        
     div:not([current-view="updates"]) .addon-name-link[title]::after,
    div:not([current-view="updates"]) .addon-name[title]::after {
    display: block !important;
    content: attr(title) !important;
    margin-top: -22px !important;
    } 
    
    /*restore version number */
    div:not([current-view="updates"]) .addon-name-link[title]:not([data-l10n-args])::after,
    div:not([current-view="updates"]) .addon-name[title]:not([data-l10n-args])::after {
      display: block !important;
      content: attr(title) !important;
      margin-top: -22px !important;
    }

/*  Hintergrund der Button auf der rechten Seite */

    addon-list addon-card:not([expanded="true"]) panel-list * {
      background-color: antiquewhite !important;
      color: black !important;
      font-weight: bold !important;
    }
    
    addon-list.monochromatic-addon-list section addon-card div.card.addon addon-options panel-list {
      background: blanchedalmond !important;     
    }
    
    @supports -moz-bool-pref("browser.in-content.dark-mode") 
     @media (prefers-color-scheme: dark) 
     addon-list addon-card:not([expanded="true"]) panel-list *,
     .more-options-menu panel-item {
     background: black !important;
     color: white !important;
    }
    
    addon-list panel-item {
      margin: 0 1px !important;
      box-shadow: inset 0 0 3px 3px grey;
    }
    
   
/*  Reduce Size of default Buttons */

    link:is([href$="panel-item.css"],[href$="panel-list.css"]) ~ button {
      width: unset !important;
      padding: 10px 24px !important; /* 5px ist die Höhe der rechten Button */
     
    }
    
/*  Entfernt den Drei-Punkte-Button aus dem Container */

    addon-card .more-options-button {
      display: none !important;
    }

/*  Remove Button Icon */

    addon-list panel-item {
      --icon: unset !important;
    
    }
    
	
	addon-card panel-list {
	  position: relative !important;
	  display: flex !important;
	  overflow: hidden !important;
	  background: unset !important;
	  border: unset !important;
	  box-shadow: unset !important;
	  min-width: unset !important;
	  width: unset !important;
	  float: right !important;
	  right: 36px !important;
	}
	
	#content div#main addon-list section.extension-enabled-section addon-card div.card.addon addon-options panel-list {
	  margin-top: -52px !important;
	  margin-right: 45px !important;
	}	

    div.arrow.top + div.list {
      display: flex !important;
      flex-flow: row wrap !important;
      justify-content: flex-start !important;
    } 
    
     div[role="presentation"].list {
      display: flex !important;
      flex-flow: row wrap !important;
      justify-content: flex-start !important;
    }

    panel-item[action="preferences"] {
      order: -1;
    }
    
    panel-item[badged] {
      border: 1px solid Highlight !important;
    }
    
    panel-item[badged]::after,
    :host([badged]) button::after,
    link:is([href$="panel-item.css"],[href$="panel-list.css"]) ~ button::after,
    :is(addon-options,plugin-options) button::after {
      display: none !important;
      content: unset !important;
    }
    
    addon-page-options panel-list {
      min-width: unset !important;
      width: auto !important;
      max-width: 300px !important;
      z-index: 1000 !important;      
    }
    
    addon-page-options panel-list panel-item {
      min-width: 280px !important;
      width: 280px !important;     
    }
    
    .sticky-container {
      z-index: 1000 !important;
    }
    
    link:-is([href$="panel-item.css"],[href$="panel-list.css"]) ~ button label[accesskey] {
      padding-inline-start: 0px !important;
      padding-top: 3px !important;
      padding-bottom: 3px !important;
      min-width: 260px !important;
      width: 260px !important;      
    }

    addon-page-options panel-list panel-item[accesskey][checked] {
      background: url("chrome://global/skin/icons/check.svg") 5px no-repeat !important;
    }
        
	addon-list addon-card:not([expanded="true"]) panel-list {     
      display: block !important;   
      box-shadow: none !important; 
      border: none !important;
      right: 45px !important;
    } 

/*  Abstand zwischen den Containern */  
    
    addon-card .addon { 
    margin: 5px !important; 
    }

/*  Höhe der Container */
    
    addon-list[type="extension"]{ 
    --card-padding: 19px }
    addon-card .addon-card-collapsed { 
    margin-bottom: 2px !important; /* Button rechts Abstand vom oberen Rand */   
    }    

/*  Abstand der Button vom rechten Rand bei Themes, Plugins, Wörterbücher, usw.*/
    
    addon-list:is([type="theme"],[type="plugin"],[type="dictionary"]) 
    addon-card:not([expanded="true"]) 
    panel-list {
    right: 155px !important;
	top:  -15px !important;
    }

/*  Abstand der Button vom oberen Rand bei Plugins, Wörterbücher, usw. */
    
    addon-list addon-card:not([expanded="true"]) panel-list {
    margin-top: -42px !important;
    }

/*  Abstand der Button vom oberen Rand bei Themes */
    
    addon-list:is([type="theme"]) addon-card:not([expanded="true"]) panel-list {
      margin-top: -46px !important;
      margin-left: -100px !important;
    }
    
/*  Entfernung Bereich Farbgebungen */

    addon-list.monochromatic-addon-list {
    display: none !important;
    }    

/*  Ausdehnung der Container zum rechten Rand */    

    .addon.card {
    width: 1380px;
    }

    input[type="checkbox"].toggle-button {
      margin-right: 30px !important; /* blauer Button -Deaktivieren/Aktivieren- Abstand vom rechten Rand */
    }
    
	
/*  Nummerierung der Erweiterungen, Themes und Plugins */

    @-moz-document url-prefix("about:addons") {

.addon-card-collapsed::before {
     font-size:18px!important;  
     color: red !important;
     font-weight: bold !important;
     counter-increment: section;                 
     content: counter(section, decimal-leading-zero)". ";
     margin-left: -8px !important;
     padding-right: 8px !important; 
     margin-top:4px!important;
    }

body {
    counter-reset: section;
    }
}
    
/*  Abstand der Button zum linken Rand */
    
    #categories > .category, #preferencesButton, #helpButton, #addonsButton {
      margin-left: 5px !important; 
    }

    #categories > .category:not([disabled]){
      background-color: gainsboro !important;/*Hintergrundfarbe vom Button*/
      margin-top: 2px !important; /*Abstand zum Button darüber*/
      border-radius: 60px !important;/*Rundung vom Button*/
      box-shadow: inset 0 0 5px 5px #888;
    }
    
/*  Aktiver Button rot, Schrift weiß */
    
    #categories > .category[selected]{
      color: white !important;
      background-color: red !important;
      margin-top: 1px !important;
      border-radius: 60px !important;
      box-shadow: inset 0 0 5px 5px #888; 
    }

/*  Hintergrund der Button blau, Schrift weiß bei hover mit der Maus */
    
    #categories > .category:hover, #preferencesButton:hover, #helpButton:hover, #addonsButton:hover {
      color: white !important;
      background-color: blue !important;
      margin-top: 1px !important;
      border-radius: 60px !important;
      box-shadow: inset 0 0 5px 5px #888;      
    }
        
/*  Optionen-Button */

    button.more-options-button:nth-child(1) {

    position: absolute !important;
    left: 19% !important;
    margin-top: 20px !important;
    }

/*  Bei "Themes" die Grafiken ausblenden */
    
    .card-heading-image {
    display: none !important;
    }
      
    
/*  Erweiterungssuche ausblenden */

    .main-search {
    display: none !important;
    }
    
/*  Ausblenden Firefox Optionen */

    #preferencesButton,
    #help-button {
    display: none !important;
	}
    
/*  Kategorien in abgerundeten Buttons */

    #preferencesButton,
    #addonsButton,
    #helpButton,
    #category-availableUpdates {
    background-color: red !important;
    margin-top:5px !important;
    border-radius:60px !important;
    }    

/*  Privatmodus und empfohlene Erweiterungen Icons entfernen */

    .addon-badge-recommended,
    .addon-badge-private-browsing-allowed {
    display:none !important; 
    }


/*  Umrandung bei Hover breiter Rand und andere Farbe */

    :root {
    --card-outline-color: LimeGreen !important;
    }
	
    
    @-moz-document url-prefix(chrome://mozapps/content/extensions/aboutaddons.html),
    url-prefix(about:addons) {

   #sidebar {
    background: darkkhaki !important;
    }
    .main-search,
    .sticky-container,
    .main-heading,
    #content {
    background: blanchedalmond !important;
    font-size: 15px !important;
    }
    richlistbox.list > richlistitem.addon {
    background:white!important;
    margin-left:-20px !important;
    margin-top:  7px !important;
    }
    #list-view > #addon-list .description-container {
    margin-left: 350px !important;
    margin-top: -10px !important;
    border-radius:60px !important;
    padding: 5px 8px 2px 7px !important; 
    }    
    #list-view > #addon-list .addon.addon-view {
    padding: 5px 80px 2px 7px !important;
    border-radius:60px !important;
    }

/*  Kategorien nicht angeklickt, Text dunkelrot */

    *|*.category {
    color:darkred!important;
    }

/*  Kategorien hover Hintergrund + Schrift */

    *|*.category:hover {
    color:white!important;
    background:red!important;
    }
	}

/*  Einstellungen-Fenster verbreitern */
    
   @-moz-document url-prefix(chrome://mozapps/content/extensions/aboutaddons.html),
    url-prefix(chrome://mozapps/content/extensions/extensions.xhtml), url-prefix(about:addons) { 
	
    .pane-container{
    width: 900px !important;
    }                      
    
/*  Unter Plugins Nachfragen ob aktiviert werden soll entfernt */

    #main > div:nth-child(1) > addon-list:nth-child(1) > section:nth-child(2) > addon-card:nth-child(2) > div:nth-child(1) > plugin-options:nth-child(5) > panel-list:nth-child(1) > panel-item:nth-child(1),
    #main > div:nth-child(1) > addon-list:nth-child(1) > section:nth-child(2) > addon-card:nth-child(3) > div:nth-child(1) > plugin-options:nth-child(5) > panel-list:nth-child(1) > panel-item:nth-child(1) {
    display: none !important;
    }
    
/*  Button mit dem Zahnrad */

  .page-options-menu > .more-options-button{
      fill: red !important; /* rotes Zahnrad */ 
      border: 1px solid grey !important; /* farbige Umrandung */
      border-radius: 15px !important; /* Abrundung */
      width: 60px !important; /* Länge des Button */
      height: 30px ! important; /* Höhe des Button */
     /* box-shadow: inset 0 0 2px 2px grey;  innerer Schatten */
    } 
    
/*  Button oben mit dem Zahnrad bei Hover */

    .page-options-menu > .more-options-button:hover {
      fill: lime !important; /* Farbe des Zahnrades */
    }

/*   Aussehen des Menü hinter dem Zahnrad */

    link:is([href$="panel-item.css"],[href$="panel-list.css"]) ~ button label[accesskey] {
      margin-left: 6% ! important;
      min-width: 50px !important;
      width: 175px !important; /* Länge der einzelnen Felder */
      background: white ! important; /* Farbe des Hintergrundes */
    }
    
    link:is([href$="panel-item.css"],[href$="panel-list.css"]) ~ button label[accesskey]:hover {
      background: lightyellow !important;    
    }  
    .sticky-container {
      z-index: 1000 !important;
    }

     button:focus {
     background: none !important;
 }
 
    addon-page-options panel-list panel-item {
      width: 425px !important; /* Länge der aktivierten Menü-Leiste */
      background: none ! important;
      padding-right: 15px !important;
    }
    
    addon-page-options panel-list panel-item:hover {
      width: 425px !important; 
      background: lime ! important;
      color: red !important;
    }    

    addon-page-options panel-list {
      min-width: unset !important;
      width: auto !important;
      max-width: 450px !important; /* Ausdehnung der Felder nach rechts */ 
      background: #f8f8ff ! important; /* farbiger Hintergrund des Feldes */
      padding-left: 8px !important; /* Ausdehnung nach links */
      padding-right: 3px !important; /* Ausdehnung nach rechts */
      z-index: 1000 !important;
    }
    
/*  Hintergrund der Box Updates automatisch aktualisieren */
    addon-page-options panel-list panel-item[accesskey][checked] {
      background: gold !important;
    }           
    
/*  Zurückbutton bei geöffnetem Menü Einstellung/Verwalten */

    .back-button {
      background-color: silver !important;/*Hintergrundfarbe vom Button*/
      width: 60px !important;
      border-radius: 60px !important;/*Rundung vom Button*/
      box-shadow: inset 0 0 3px 3px #888;
    }
    
    .back-button:hover {
      color: white !important;
      background-color: dodgerblue !important;
      border-radius: 60px !important;
      box-shadow: inset 0 0 3px 3px #888;
    }    

/*  Icons des Stern-Kontextmenü */

    #page-options > panel-list:nth-child(1) > panel-item:nth-child(1)::before {
     content: '';
     display: block;
     width: 16px;
     height: 16px;
     background: url("..//icons/Bild5.png") no-repeat !important;
     background-size: 16px 16px !important;
     margin-left: 15px;
     margin-right: -31px;}

    #page-options > panel-list:nth-child(1) > panel-item:nth-child(2)::before {
     content: '';
     display: block;
     width: 16px;
     height: 16px;
     background: url("..//icons/Bild61.png") no-repeat !important;
     background-size: 16px 16px !important;
     margin-left: 15px;
     margin-right: -31px;}
 
    #page-options > panel-list:nth-child(1) > panel-item:nth-child(4)::before {
      content: '';
     display: block;
     width: 16px;
     height: 16px;
     background: url("..//icons/Bild3.png") no-repeat !important;
     background-size: 16px 16px !important;
     margin-left: 15px;
     margin-right: -31px;}

    #page-options > panel-list:nth-child(1) > panel-item:nth-child(5)::before {
     content: '';
     display: block;
     width: 16px;
     height: 16px;
     background: url("..//icons/Bild66.ico") no-repeat !important;
     background-size: 16px 16px !important;
     margin-left: 15px;
     margin-right: -31px;}

    #page-options > panel-list:nth-child(1) > panel-item:nth-child(7) {
     fill: transparent !important;}
     
    #page-options > panel-list:nth-child(1) > panel-item:nth-child(7)::before {
     content: '';
     display: block;
     width: 16px;
     height: 16px;
     background: url("..//icons/Bild62.png") no-repeat !important;
     background-size: 18px 18px !important;
     margin-left: 16px;
     margin-right: -32px;
     margin-bottom: 3px;}
    
    #page-options > panel-list:nth-child(1) > panel-item:nth-child(7):not([checked])::before {
     content: '';
     font-size: 14px;
     padding-left: 0px !important;
     padding-top: 1px !important;
     padding-bottom: 2px !important;
     display: block;
     width: 16px;
     height: 16px;
     background: url("..//icons/Bild63.png") no-repeat !important;
     background-size: 18px 18px !important;
     margin-left: 15px;
     margin-right: -32px;
     margin-bottom: 3px;}
    
    #page-options > panel-list:nth-child(1) > panel-item:nth-child(8)::before {
     content: '';
     display: block;
     width: 16px;
     height: 16px;
     background: url("..//icons/Bild64.png") no-repeat !important;
     background-size: 16px 16px !important;
     margin-left: 15px;
     margin-right: -31px;}

    #page-options > panel-list:nth-child(1) > panel-item:nth-child(10)::before {
     content: '';
     display: block;
     width: 16px;
     height: 16px;
     background: url("..//icons/Bild67.png") no-repeat !important;
     background-size: 16px 16px !important;
     margin-left: 15px;
     margin-right: -31px;}    
     
	}
/*        About:addons  - Optionen Schaltfläche */
    
    @-moz-document url("about:addons"){
    
    #utils-updateNow{
    appearance: none !important;
    background: url("..//icons/Bild5.png") no-repeat !important;
    min-height: 24px!important;
    padding-top: 5px! important;
    padding-left:28px!important;
    background-position:6px 5px!important;}

    #utils-updateNow:hover{
    appearance: none !important;
    margin-right: -1px !important;
    background: #ecf0f6 url("..//icons/Bild5.png") no-repeat !important;    
    border-width: thin !important;
    border-radius: 4px !important;
    border-color: #aecff7 !important;
    border-style: solid !important;
    min-height: 24px!important;
    padding-top: 5px! important;
    padding-left:28px!important;
    background-position:6px 5px!important;}

    #utils-viewUpdates{
    appearance: none !important;
    background: url("..//icons/Bild61.png") no-repeat !important;
    min-height: 24px!important;
    padding-top: 5px! important;
    padding-left:28px!important;
    background-position:6px 5px!important;}

    #utils-viewUpdates:hover{
    appearance: none !important;
    margin-right: -1px !important;
    background: #ecf0f6 url("..//icons/Bild61.png") no-repeat !important;    
    border-width: thin !important;
    border-radius: 4px !important;
    border-color: #aecff7 !important;
    border-style: solid !important;
    min-height: 24px!important;
    padding-top: 5px! important;
    padding-left:28px!important;
    background-position:6px 5px!important;}

    #utils-installFromFile{
    appearance: none !important;
    background: url("..//icons/Bild3.png") no-repeat !important;
    min-height: 24px!important;
    padding-top: 5px! important;
    padding-left:28px!important;
    background-position:6px 5px!important;}

    #utils-installFromFile:hover{
    appearance: none !important;
    margin-right: -1px !important;
    background: #ecf0f6 url("..//icons/Bild3.png") no-repeat !important;    
    border-width: thin !important;
    border-radius: 4px !important;
    border-color: #aecff7 !important;
    border-style: solid !important;
    min-height: 24px!important;
    padding-top: 5px! important;
    padding-left: 28px!important;
    background-position: 6px 5px!important;}

    #utils-autoUpdateDefault[type="checkbox"][checked="true"]>.menu-iconic-left{
    appearance: none !important;
    background: url("..//icons/Bild62.png")no-repeat !important;
    height:15px!important;
    padding-top:1px!important;
    margin-left:5px !important;}

    #utils-autoUpdateDefault[type="checkbox"][checked="true"]>.menu-iconic-text {
    padding-left: 12px !important;}

    #utils-autoUpdateDefault[type="checkbox"][checked="false"]>.menu-iconic-left{
    appearance: none !important;
    background: url("..//icons/Bild63.png")no-repeat !important;
    height: 15px!important;
    padding-top: 1px!important;
    margin-left: 7px !important;}

    #utils-autoUpdateDefault[type="checkbox"][checked="false"]>.menu-iconic-text{
    padding-left: 10px !important;}

    #utils-resetAddonUpdatesToAutomatic{
    appearance: none !important;
    background: url("..//icons/Bild64.png") no-repeat !important;
    min-height: 24px!important;
    padding-top: 5px! important;
    padding-left: 28px!important;
    background-position: 6px 5px!important;}

    #utils-resetAddonUpdatesToAutomatic:hover{
    appearance: none !important;
    margin-right: -1px !important;
    background: #ecf0f6 url("..//icons/Bild64.png") no-repeat !important;    
    border-width: thin !important;
    border-radius: 4px !important;
    border-color: #aecff7 !important;
    border-style: solid !important;
    min-height: 24px!important;
    padding-top: 5px! important;
    padding-left: 28px!important;
    background-position: 6px 5px!important;}

    #utils-resetAddonUpdatesToManual{
    appearance: none !important;
    background: url("..//icons/Bild65.png") no-repeat !important;
    min-height: 24px!important;
    padding-top: 5px! important;
    padding-left: 28px!important;
    background-position: 6px 5px!important;}

    #utils-resetAddonUpdatesToManual:hover{
    appearance: none !important;
    margin-right: -1px !important;
    background: #ecf0f6 url("..//icons/Bild65.png") no-repeat !important;    
    border-width: thin !important;
    border-radius: 4px !important;
    border-color: #aecff7 !important;
    border-style: solid !important;
    min-height: 24px!important;
    padding-top: 5px! important;
    padding-left: 28px!important;
    background-position: 6px 5px!important;}    

    #utils-debugAddons{
    appearance: none !important;
    background: url("..//icons/Bild66.ico") no-repeat !important;
    min-height: 24px!important;
    padding-top: 5px! important;
    padding-left: 28px!important;
    background-position: 6px 5px!important;}

    #utils-debugAddons:hover{
    appearance: none !important;
    margin-right: -1px !important;
    background: #ecf0f6 url("..//icons/Bild66.ico") no-repeat !important;    
    border-width: thin !important;
    border-radius: 4px !important;
    border-color: #aecff7 !important;
    border-style: solid !important;
    min-height: 24px!important;
    padding-top: 5px! important;
    padding-left: 28px!important;
    background-position: 6px 5px!important;}    

    #manage-shortcuts{
    appearance: none !important;
    background: url("..//icons/Bild67.png") no-repeat !important;
    min-height: 24px!important;
    padding-top: 5px! important;
    padding-left: 28px!important;
    background-position: 6px 5px!important;}

    #manage-shortcuts:hover{
    appearance: none !important;
    margin-right: -1px !important;
    background: #ecf0f6 url("..//icons/Bild67.png") no-repeat !important;    
    border-width: thin !important;
    border-radius: 4px !important;
    border-color: #aecff7 !important;
    border-style: solid !important;
    min-height: 24px!important;
    padding-top: 5px! important;
    padding-left: 28px!important;
    background-position: 6px 5px!important;}
    
    #empty-addons-message {
    display: none !important;
    }
    }
	
	/* @-moz-document url-prefix(chrome://browser/content/browser.xhtml)*/
	
	
    /*both*/

    #unified-extensions-area .unified-extensions-item-message-deck .unified-extensions-item-message,
    .unified-extensions-list .unified-extensions-item-message-deck,
    menupopup#unified-extensions-context-menu .unified-extensions-context-menu-report-extension,
    menupopup#unified-extensions-context-menu .unified-extensions-context-menu-remove-extension
    {
    display: none !important;
    }

    /*grid*/
	{
    #unified-extensions-view
    width: unset !important;
    }

    #unified-extensions-area,
    .unified-extensions-list
    {
        display: grid !important;
        grid-template-columns: repeat(3, 1fr) !important;
        width: 200px !important;
    }

    #unified-extensions-panel toolbaritem.unified-extensions-item
    {
        max-width: unset !important;
        width:  62px !important;
        height: 30px !important;
        background-color: rgba(80, 80, 80, 0.6) !important;
        margin: 1px !important;
        border-radius: 4px !important;
        border: 1px solid #666 !important;
        padding: 0 2px !important;
    }

    .unified-extensions-list .unified-extensions-item
    {
        max-width: unset !important;
        width:  56px !important;
        height: 28px !important;
        background-color: rgba(67, 67, 94, 0.6) !important;
        margin: 1px !important;
        border-radius: 4px !important;
        border: 1px solid #666 !important;
        padding: 0 2px !important;
    }

    .unified-extensions-item-action-button
    {
        overflow: visible !important;
        max-height: 24px !important;
    }

    .unified-extensions-item[unified-extensions="true"] .webextension-browser-action > .toolbarbutton-badge-stack
    {
        margin-inline-end: 0 !important;
    }

    .unified-extensions-item .unified-extensions-item-menu-button.subviewbutton
    {
        margin-inline-start: 0 !important;
    }

    .unified-extensions-item-menu-button.subviewbutton > .toolbarbutton-icon
    {
        padding: unset !important;
    }

    .toolbaritem-combined-buttons:is(:not([cui-areatype="toolbar"]),
    [overflowedItem="true"]) > toolbarbutton:not(.toolbarbutton-1)[disabled]
    {
        opacity: 1 !important;
    }

    /*hover name regular*/

    #unified-extensions-area .subviewbutton
    {
        padding: 2px !important;
    }

    #unified-extensions-area .unified-extensions-item image.toolbarbutton-icon
    {
        opacity: 1 !important;
        margin-left:  2px !important;
        padding: 0 !important;
        height: 16px !important;
        width: 16px !important;
    }

    #unified-extensions-area .unified-extensions-item:hover .unified-extensions-item-menu-button image.toolbarbutton-icon
    {
        margin-left:  0 !important;
    }

    #unified-extensions-area .unified-extensions-item .unified-extensions-item-action-button
    {
        width: 26px !important;    
        margin-right: 6px !important; 
    }

    #unified-extensions-area .unified-extensions-item:hover .unified-extensions-item-action-button[disabled="true"]
    {
        opacity: 1 !important;
    }

    #unified-extensions-area .unified-extensions-item:not(hover) .unified-extensions-item-contents .unified-extensions-item-name
    {
        display: none !important;
    }

    #unified-extensions-area .unified-extensions-item:hover .unified-extensions-item-contents .unified-extensions-item-name
    {
        display: block !important;
        position: relative;
        top: -8px;
        left: 0px;
        background: #eee;
        color: #000;
        border-radius: 3px;
        width: 120px !important;
        min-height: 18px !important;
        z-index: 999 !important;
       
    }

    #unified-extensions-panel toolbaritem.unified-extensions-item:nth-of-type(3n-2):hover .unified-extensions-item-contents .unified-extensions-item-name
    {
        left: -20px !important;
    }

    #unified-extensions-panel toolbaritem.unified-extensions-item:nth-of-type(3n-1):hover .unified-extensions-item-contents .unified-extensions-item-name
    {
        left: -70px !important;
    }

    #unified-extensions-panel toolbaritem.unified-extensions-item:nth-of-type(3n):hover .unified-extensions-item-contents .unified-extensions-item-name
    {
        left: -120px !important;
    }


    /*hover name unified*/

    .unified-extensions-list .unified-extensions-item-action-button:hover
    {
        background-color: rgba(251, 251, 254, 0.09) !important;
    }

    .unified-extensions-list .subviewbutton
    {
        padding: 2px !important;
        margin: 0 !important;
    }

    .toolbaritem.unified-extensions-item .unified-extensions-list 
    {
        margin: 0 0 0 8px !important;
    }
    
    .unified-extensions-item-icon
    {
        opacity: 0.5;
    }

    .unified-extensions-list image.unified-extensions-item-icon
    {
        opacity: 1 !important;
        margin-left: 2px !important;
        padding: 0 !important;
        height: 16px !important;
        width: 16px !important;
    }

    .unified-extensions-list .unified-extensions-item image.toolbarbutton-icon
    {
        margin-left:  4px !important;
    }

    .unified-extensions-list .unified-extensions-item .unified-extensions-item-action-button
    {
        width: 26px !important;
        margin-right: 4px !important;
    }

    .unified-extensions-list .unified-extensions-item .unified-extensions-item-action-button:not(hover) .unified-extensions-item-contents label
    {
        display: none !important;
    }

    .unified-extensions-list .unified-extensions-item .unified-extensions-item-action-button:hover .unified-extensions-item-contents label
    {
        display: block !important;
        position: relative;
        top: -10px;
        left: 0px;
        background: #eee;
        color: #000;
        border-radius: 3px;
        width: 120px !important;
        min-height: 18px !important;
    }

    .unified-extensions-list .unified-extensions-item:nth-of-type(3n-2) .unified-extensions-item-action-button:hover .unified-extensions-item-contents label
    {
        left: -5px !important;
    }

    .unified-extensions-list .unified-extensions-item:nth-of-type(3n-1) .unified-extensions-item-action-button:hover .unified-extensions-item-contents label
    {
        left: -60px !important;
    }

    .unified-extensions-list .unified-extensions-item:nth-of-type(3n) .unified-extensions-item-action-button:hover .unified-extensions-item-contents label
    {
        left: -110px !important;
    }
	
	#category-discover,
	[data-l10n-id="help-button"]{
    display: none !important;
	}
	
	button {
    &[selected] {
    &::before {
      --page-nav-button-indicator-color: none !important;
    }
    }
    }
	
	/* Themes Button aktivieren und deaktivieren farblich absetzen*/
	
	[data-l10n-id="enable-addon-button"] {
	background: red !important;
	}

	[data-l10n-id="disable-addon-button"] {
	background: green !important;
	}

	.button-background {
	&.labelled {
	color: white !important;  
	}
	}

	addon-card .more-options-button {
	background-color: yellow !important;
	color: red !important;
	}

Alles anzeigen

2002Andreas

Zitat von Boersenfeger

Wie kann man ihn beseitigen?

Ändere mal Zeile: 1005

zu:

background-color: transparent !important;

und teste.

Boersenfeger

Vielen Dank! 🥰

2002Andreas

Zitat von Boersenfeger

Vielen Dank!

grisu2099

Dieses ganze Werk sollte dringend mal komplett überarbeitet werden...

Ich bezweifle nach einem kurzen Überfliegen, daß da alles so funktioniert, wie es soll.

Beispiel:

CSS

{
    #unified-extensions-view
    width: unset !important;
    }

Von optischen Aspekten, wie z.B. Einrückung, mal ganz abgesehen. Auch einige der vielen @-moz-document-Regeln sollten überflüssig sein.

2002Andreas

Zitat von grisu2099

sollte dringend mal komplett überarbeitet werden...

Über 1000 Zeilen, dann hast du ja eine Menge zu tun

grisu2099

Nö, nach einer schnellen Runde nur noch etwa 960...

Bitte testen:

CSS

		/*  Addons-Manager Nightly */
		
	@-moz-document url-prefix(chrome://mozapps/content/extensions/aboutaddons.html),
	url-prefix(chrome://mozapps/content/extensions/extensions.xhtml),
	url-prefix(about:addons) {

			/* =========================================
			   Sidebar Buttons (alle)
			========================================= */
		
		[data-l10n-id="sidebar-help-button-title"] {
			display: none !important;
		}

		.button-background {
			background-color: unset !important;
		}

		.button-background {
			& img {
				fill: red !important;
			}
		}

		moz-page-nav-button {
			background: lightgrey !important;
			color: black !important;
			border: 2px solid grey !important;
			border-radius: 50px !important;
			box-shadow: inset 0 0 5px 5px #888 !important;
		}

			/* =========================================
			   Hover (nur bei inaktiv sichtbar)
			========================================= */

		moz-page-nav-button:hover {
			background: blue !important;
			color: white !important;
			border-color: brown !important;
			box-shadow: inset 0 0 5px 5px #888 !important;
		}

			/* aktiver Button */
		button[selected] {
			color: white !important;
			background-color: red !important;
			border-radius: 50px !important;
			box-shadow: inset 0 0 5px 5px #888 !important;
		}

			/* optional hover für aktiven Button */
		button[selected]:hover {
			color: white !important;
			background-color: #8A2BE2 !important;
		} 


			/*  Versionsnummer der Addons wird angezeigt */
		div:not([current-view="updates"]) .addon-name-link[title]::after,
		div:not([current-view="updates"]) .addon-name[title]::after {
			display: block !important;
			content: attr(title) !important;
			margin-top: -22px !important;
		} 
		
		/*restore version number */
		div:not([current-view="updates"]) .addon-name-link[title]:not([data-l10n-args])::after,
		div:not([current-view="updates"]) .addon-name[title]:not([data-l10n-args])::after {
			display: block !important;
			content: attr(title) !important;
			margin-top: -22px !important;
		}

		/*  Hintergrund der Button auf der rechten Seite */
		addon-list addon-card:not([expanded="true"]) panel-list * {
			background-color: antiquewhite !important;
			color: black !important;
			font-weight: bold !important;
		}
		
		addon-list.monochromatic-addon-list section addon-card div.card.addon addon-options panel-list {
			background: blanchedalmond !important;     
		}
		
		@supports -moz-bool-pref("browser.in-content.dark-mode") 
		@media (prefers-color-scheme: dark) 
		addon-list addon-card:not([expanded="true"]) panel-list *,
		.more-options-menu panel-item {
			background: black !important;
			color: white !important;
		}
		
		addon-list panel-item {
			margin: 0 1px !important;
			box-shadow: inset 0 0 3px 3px grey;
		}
		
	   
			/*  Reduce Size of default Buttons */
		link:is([href$="panel-item.css"],[href$="panel-list.css"]) ~ button {
			width: unset !important;
			padding: 10px 24px !important; /* 5px ist die Höhe der rechten Button */
		}
		
			/*  Entfernt den Drei-Punkte-Button aus dem Container */
		addon-card .more-options-button {
			display: none !important;
		}

			/*  Remove Button Icon */
		addon-list panel-item {
			--icon: unset !important;
		}
		
		addon-card panel-list {
			position: relative !important;
			display: flex !important;
			overflow: hidden !important;
			background: unset !important;
			border: unset !important;
			box-shadow: unset !important;
			min-width: unset !important;
			width: unset !important;
			float: right !important;
			right: 36px !important;
		}
		
		#content div#main addon-list section.extension-enabled-section addon-card div.card.addon addon-options panel-list {
			margin-top: -52px !important;
			margin-right: 45px !important;
		}	

		div.arrow.top + div.list {
			display: flex !important;
			flex-flow: row wrap !important;
			justify-content: flex-start !important;
		} 
		
		 div[role="presentation"].list {
			display: flex !important;
			flex-flow: row wrap !important;
			justify-content: flex-start !important;
		}

		panel-item[action="preferences"] {
			order: -1;
		}
		
		panel-item[badged] {
			border: 1px solid Highlight !important;
		}
		
		panel-item[badged]::after,
		:host([badged]) button::after,
		link:is([href$="panel-item.css"],[href$="panel-list.css"]) ~ button::after,
		:is(addon-options,plugin-options) button::after {
			display: none !important;
			content: unset !important;
		}
		
		addon-page-options panel-list {
			min-width: unset !important;
			width: auto !important;
			max-width: 300px !important;
			z-index: 1000 !important;      
		}
		
		addon-page-options panel-list panel-item {
			min-width: 280px !important;
			width: 280px !important;     
		}
		
		.sticky-container {
			z-index: 1000 !important;
		}
		
		link:-is([href$="panel-item.css"],[href$="panel-list.css"]) ~ button label[accesskey] {
			padding-inline-start: 0px !important;
			padding-top: 3px !important;
			padding-bottom: 3px !important;
			min-width: 260px !important;
			width: 260px !important;      
		}

		addon-page-options panel-list panel-item[accesskey][checked] {
			background: url("chrome://global/skin/icons/check.svg") 5px no-repeat !important;
		}
			
		addon-list addon-card:not([expanded="true"]) panel-list {     
			display: block !important;   
			box-shadow: none !important; 
			border: none !important;
			right: 45px !important;
		} 

			/*  Abstand zwischen den Containern */  
		addon-card .addon { 
			margin: 5px !important; 
		}

			/*  Höhe der Container */
		addon-list[type="extension"]{ 
			--card-padding: 19px;
		}
		addon-card .addon-card-collapsed { 
			margin-bottom: 2px !important; /* Button rechts Abstand vom oberen Rand */   
		}    

			/*  Abstand der Button vom rechten Rand bei Themes, Plugins, Wörterbücher, usw.*/
		addon-list:is([type="theme"],[type="plugin"],[type="dictionary"]) 
		addon-card:not([expanded="true"]) 
		panel-list {
			right: 155px !important;
			top:  -15px !important;
		}

			/*  Abstand der Button vom oberen Rand bei Plugins, Wörterbücher, usw. */
		addon-list addon-card:not([expanded="true"]) panel-list {
			margin-top: -42px !important;
		}

			/*  Abstand der Button vom oberen Rand bei Themes */
		addon-list:is([type="theme"]) addon-card:not([expanded="true"]) panel-list {
			margin-top: -46px !important;
			margin-left: -100px !important;
		}
		
			/*  Entfernung Bereich Farbgebungen */
		addon-list.monochromatic-addon-list {
			display: none !important;
		}    

			/*  Ausdehnung der Container zum rechten Rand */    
		.addon.card {
			width: 1380px;
		}

		input[type="checkbox"].toggle-button {
			margin-right: 30px !important; /* blauer Button -Deaktivieren/Aktivieren- Abstand vom rechten Rand */
		}
		
		
			/*  Nummerierung der Erweiterungen, Themes und Plugins */
		.addon-card-collapsed::before {
			font-size:18px!important;  
			color: red !important;
			font-weight: bold !important;
			counter-increment: section;                 
			content: counter(section, decimal-leading-zero)". ";
			margin-left: -8px !important;
			padding-right: 8px !important; 
			margin-top:4px!important;
		}

		body {
			counter-reset: section;
		}

		
			/*  Abstand der Button zum linken Rand */
		#categories > .category, #preferencesButton, #helpButton, #addonsButton {
			margin-left: 5px !important; 
		}

		#categories > .category:not([disabled]){
			background-color: gainsboro !important;/*Hintergrundfarbe vom Button*/
			margin-top: 2px !important; /*Abstand zum Button darüber*/
			border-radius: 60px !important;/*Rundung vom Button*/
			box-shadow: inset 0 0 5px 5px #888;
		}
		
			/*  Aktiver Button rot, Schrift weiß */
		#categories > .category[selected]{
			color: white !important;
			background-color: red !important;
			margin-top: 1px !important;
			border-radius: 60px !important;
			box-shadow: inset 0 0 5px 5px #888; 
		}

			/*  Hintergrund der Button blau, Schrift weiß bei hover mit der Maus */
		#categories > .category:hover, #preferencesButton:hover, #helpButton:hover, #addonsButton:hover {
			color: white !important;
			background-color: blue !important;
			margin-top: 1px !important;
			border-radius: 60px !important;
			box-shadow: inset 0 0 5px 5px #888;      
		}
			
			/*  Optionen-Button */
		button.more-options-button:nth-child(1) {
			position: absolute !important;
			left: 19% !important;
			margin-top: 20px !important;
		}

			/*  Bei "Themes" die Grafiken ausblenden */
		.card-heading-image {
			display: none !important;
		}
		  
		
			/*  Erweiterungssuche ausblenden */
		.main-search {
			display: none !important;
		}
		
			/*  Ausblenden Firefox Optionen */
		#preferencesButton,
		#help-button {
			display: none !important;
		}
		
			/*  Kategorien in abgerundeten Buttons */
		#preferencesButton,
		#addonsButton,
		#helpButton,
		#category-availableUpdates {
			background-color: red !important;
			margin-top:5px !important;
			border-radius:60px !important;
		}    

			/*  Privatmodus und empfohlene Erweiterungen Icons entfernen */
		.addon-badge-recommended,
		.addon-badge-private-browsing-allowed {
			display:none !important; 
		}


			/*  Umrandung bei Hover breiter Rand und andere Farbe */
		:root {
			--card-outline-color: LimeGreen !important;
		}
		
		#sidebar {
			background: darkkhaki !important;
		}
		.main-search,
		.sticky-container,
		.main-heading,
		#content {
			background: blanchedalmond !important;
			font-size: 15px !important;
		}
		richlistbox.list > richlistitem.addon {
			background:white!important;
			margin-left:-20px !important;
			margin-top:  7px !important;
		}
		#list-view > #addon-list .description-container {
			margin-left: 350px !important;
			margin-top: -10px !important;
			border-radius:60px !important;
			padding: 5px 8px 2px 7px !important; 
		}    
		#list-view > #addon-list .addon.addon-view {
			padding: 5px 80px 2px 7px !important;
			border-radius:60px !important;
		}

			/*  Kategorien nicht angeklickt, Text dunkelrot */
		.category {
			color: darkred !important;
		}

			/*  Kategorien hover Hintergrund + Schrift */
		.category:hover {
			color:white!important;
			background:red!important;
		}

			/*  Einstellungen-Fenster verbreitern */
		.pane-container{
			width: 900px !important;
		}                      
		
			/*  Unter Plugins Nachfragen ob aktiviert werden soll entfernt */
		#main > div:nth-child(1) > addon-list:nth-child(1) > section:nth-child(2) > addon-card:nth-child(2) > div:nth-child(1) > plugin-options:nth-child(5) > panel-list:nth-child(1) > panel-item:nth-child(1),
		#main > div:nth-child(1) > addon-list:nth-child(1) > section:nth-child(2) > addon-card:nth-child(3) > div:nth-child(1) > plugin-options:nth-child(5) > panel-list:nth-child(1) > panel-item:nth-child(1) {
			display: none !important;
		}
		
			/*  Button mit dem Zahnrad */
	  .page-options-menu > .more-options-button{
			fill: red !important; /* rotes Zahnrad */ 
			border: 1px solid grey !important; /* farbige Umrandung */
			border-radius: 15px !important; /* Abrundung */
			width: 60px !important; /* Länge des Button */
			height: 30px ! important; /* Höhe des Button */
		} 
		
			/*  Button oben mit dem Zahnrad bei Hover */
		.page-options-menu > .more-options-button:hover {
			fill: lime !important; /* Farbe des Zahnrades */
		}

			/*   Aussehen des Menü hinter dem Zahnrad */
		link:is([href$="panel-item.css"],[href$="panel-list.css"]) ~ button label[accesskey] {
			margin-left: 6% ! important;
			min-width: 50px !important;
			width: 175px !important; /* Länge der einzelnen Felder */
			background: white ! important; /* Farbe des Hintergrundes */
		}
		
		link:is([href$="panel-item.css"],[href$="panel-list.css"]) ~ button label[accesskey]:hover {
			background: lightyellow !important;    
		}  
		.sticky-container {
			z-index: 1000 !important;
		}

		button:focus {
			background: none !important;
		}
	 
		addon-page-options panel-list panel-item {
			width: 425px !important; /* Länge der aktivierten Menü-Leiste */
			background: none ! important;
			padding-right: 15px !important;
		}
		
		addon-page-options panel-list panel-item:hover {
			width: 425px !important; 
			background: lime ! important;
			color: red !important;
		}    

		addon-page-options panel-list {
			min-width: unset !important;
			width: auto !important;
			max-width: 450px !important; /* Ausdehnung der Felder nach rechts */ 
			background: #f8f8ff ! important; /* farbiger Hintergrund des Feldes */
			padding-left: 8px !important; /* Ausdehnung nach links */
			padding-right: 3px !important; /* Ausdehnung nach rechts */
			z-index: 1000 !important;
		}
		
			/*  Hintergrund der Box Updates automatisch aktualisieren */
		addon-page-options panel-list panel-item[accesskey][checked] {
			background: gold !important;
		}           
		
			/*  Zurückbutton bei geöffnetem Menü Einstellung/Verwalten */
		.back-button {
			background-color: silver !important;/*Hintergrundfarbe vom Button*/
			width: 60px !important;
			border-radius: 60px !important;/*Rundung vom Button*/
			box-shadow: inset 0 0 3px 3px #888;
		}
		
		.back-button:hover {
			color: white !important;
			background-color: dodgerblue !important;
			border-radius: 60px !important;
			box-shadow: inset 0 0 3px 3px #888;
		}    

			/*  Icons des Stern-Kontextmenü */
		#page-options > panel-list:nth-child(1) > panel-item:nth-child(1)::before {
			content: '';
			display: block;
			width: 16px;
				height: 16px;
			background: url("..//icons/Bild5.png") no-repeat !important;
			background-size: 16px 16px !important;
			margin-left: 15px;
			margin-right: -31px;
		}

		#page-options > panel-list:nth-child(1) > panel-item:nth-child(2)::before {
			content: '';
			display: block;
			width: 16px;
			height: 16px;
			background: url("..//icons/Bild61.png") no-repeat !important;
			background-size: 16px 16px !important;
			margin-left: 15px;
			margin-right: -31px;
		}
	 
		#page-options > panel-list:nth-child(1) > panel-item:nth-child(4)::before {
			content: '';
			display: block;
			width: 16px;
			height: 16px;
			background: url("..//icons/Bild3.png") no-repeat !important;
			background-size: 16px 16px !important;
			margin-left: 15px;
			margin-right: -31px;
		}

		#page-options > panel-list:nth-child(1) > panel-item:nth-child(5)::before {
			content: '';
			display: block;
			width: 16px;
			height: 16px;
			background: url("..//icons/Bild66.ico") no-repeat !important;
			background-size: 16px 16px !important;
			margin-left: 15px;
			margin-right: -31px;
		}

		#page-options > panel-list:nth-child(1) > panel-item:nth-child(7) {
			fill: transparent !important;
		}
		 
		#page-options > panel-list:nth-child(1) > panel-item:nth-child(7)::before {
			content: '';
			display: block;
			width: 16px;
			height: 16px;
			background: url("..//icons/Bild62.png") no-repeat !important;
			background-size: 18px 18px !important;
			margin-left: 16px;
			margin-right: -32px;
			margin-bottom: 3px;
		}
		
		#page-options > panel-list:nth-child(1) > panel-item:nth-child(7):not([checked])::before {
			content: '';
			font-size: 14px;
			padding-left: 0px !important;
			padding-top: 1px !important;
			padding-bottom: 2px !important;
			display: block;
			width: 16px;
			height: 16px;
			background: url("..//icons/Bild63.png") no-repeat !important;
			background-size: 18px 18px !important;
			margin-left: 15px;
			margin-right: -32px;
			margin-bottom: 3px;
		}
		
		#page-options > panel-list:nth-child(1) > panel-item:nth-child(8)::before {
			content: '';
			display: block;
			width: 16px;
			height: 16px;
			background: url("..//icons/Bild64.png") no-repeat !important;
			background-size: 16px 16px !important;
			margin-left: 15px;
			margin-right: -31px;
		}

		#page-options > panel-list:nth-child(1) > panel-item:nth-child(10)::before {
			content: '';
			display: block;
			width: 16px;
			height: 16px;
			background: url("..//icons/Bild67.png") no-repeat !important;
			background-size: 16px 16px !important;
			margin-left: 15px;
			margin-right: -31px;
		}

			/*  About:addons  - Optionen Schaltfläche */		
		#utils-updateNow{
			appearance: none !important;
			background: url("..//icons/Bild5.png") no-repeat !important;
			min-height: 24px!important;
			padding-top: 5px! important;
			padding-left:28px!important;
			background-position:6px 5px!important;
		}

		#utils-updateNow:hover{
			appearance: none !important;
			margin-right: -1px !important;
			background: #ecf0f6 url("..//icons/Bild5.png") no-repeat !important;    
			border-width: thin !important;
			border-radius: 4px !important;
			border-color: #aecff7 !important;
			border-style: solid !important;
			min-height: 24px!important;
			padding-top: 5px! important;
			padding-left:28px!important;
			background-position:6px 5px!important;
		}

		#utils-viewUpdates{
			appearance: none !important;
			background: url("..//icons/Bild61.png") no-repeat !important;
			min-height: 24px!important;
			padding-top: 5px! important;
			padding-left:28px!important;
			background-position:6px 5px!important;
		}

		#utils-viewUpdates:hover{
			appearance: none !important;
			margin-right: -1px !important;
			background: #ecf0f6 url("..//icons/Bild61.png") no-repeat !important;    
			border-width: thin !important;
			border-radius: 4px !important;
			border-color: #aecff7 !important;
			border-style: solid !important;
			min-height: 24px!important;
			padding-top: 5px! important;
			padding-left:28px!important;
			background-position:6px 5px!important;
		}

		#utils-installFromFile{
			appearance: none !important;
			background: url("..//icons/Bild3.png") no-repeat !important;
			min-height: 24px!important;
			padding-top: 5px! important;
			padding-left:28px!important;
			background-position:6px 5px!important;
		}

		#utils-installFromFile:hover{
			appearance: none !important;
			margin-right: -1px !important;
			background: #ecf0f6 url("..//icons/Bild3.png") no-repeat !important;    
			border-width: thin !important;
			border-radius: 4px !important;
			border-color: #aecff7 !important;
			border-style: solid !important;
			min-height: 24px!important;
			padding-top: 5px! important;
			padding-left: 28px!important;
			background-position: 6px 5px!important;
		}

		#utils-autoUpdateDefault[type="checkbox"][checked="true"]>.menu-iconic-left{
			appearance: none !important;
			background: url("..//icons/Bild62.png")no-repeat !important;
			height:15px!important;
			padding-top:1px!important;
			margin-left:5px !important;
		}

		#utils-autoUpdateDefault[type="checkbox"][checked="true"]>.menu-iconic-text {
			padding-left: 12px !important;}

		#utils-autoUpdateDefault[type="checkbox"][checked="false"]>.menu-iconic-left{
			appearance: none !important;
			background: url("..//icons/Bild63.png")no-repeat !important;
			height: 15px!important;
			padding-top: 1px!important;
			margin-left: 7px !important;
		}

		#utils-autoUpdateDefault[type="checkbox"][checked="false"]>.menu-iconic-text{
			padding-left: 10px !important;}

		#utils-resetAddonUpdatesToAutomatic{
			appearance: none !important;
			background: url("..//icons/Bild64.png") no-repeat !important;
			min-height: 24px!important;
			padding-top: 5px! important;
			padding-left: 28px!important;
			background-position: 6px 5px!important;
		}

		#utils-resetAddonUpdatesToAutomatic:hover{
			appearance: none !important;
			margin-right: -1px !important;
			background: #ecf0f6 url("..//icons/Bild64.png") no-repeat !important;    
			border-width: thin !important;
			border-radius: 4px !important;
			border-color: #aecff7 !important;
			border-style: solid !important;
			min-height: 24px!important;
			padding-top: 5px! important;
			padding-left: 28px!important;
			background-position: 6px 5px!important;
		}

		#utils-resetAddonUpdatesToManual{
			appearance: none !important;
			background: url("..//icons/Bild65.png") no-repeat !important;
			min-height: 24px!important;
			padding-top: 5px! important;
			padding-left: 28px!important;
			background-position: 6px 5px!important;
		}

		#utils-resetAddonUpdatesToManual:hover{
			appearance: none !important;
			margin-right: -1px !important;
			background: #ecf0f6 url("..//icons/Bild65.png") no-repeat !important;    
			border-width: thin !important;
			border-radius: 4px !important;
			border-color: #aecff7 !important;
			border-style: solid !important;
			min-height: 24px!important;
			padding-top: 5px! important;
			padding-left: 28px!important;
			background-position: 6px 5px!important;
		}

		#utils-debugAddons{
			appearance: none !important;
			background: url("..//icons/Bild66.ico") no-repeat !important;
			min-height: 24px!important;
			padding-top: 5px! important;
			padding-left: 28px!important;
			background-position: 6px 5px!important;
		}

		#utils-debugAddons:hover{
			appearance: none !important;
			margin-right: -1px !important;
			background: #ecf0f6 url("..//icons/Bild66.ico") no-repeat !important;    
			border-width: thin !important;
			border-radius: 4px !important;
			border-color: #aecff7 !important;
			border-style: solid !important;
			min-height: 24px!important;
			padding-top: 5px! important;
			padding-left: 28px!important;
			background-position: 6px 5px!important;
		}

		#manage-shortcuts{
			appearance: none !important;
			background: url("..//icons/Bild67.png") no-repeat !important;
			min-height: 24px!important;
			padding-top: 5px! important;
			padding-left: 28px!important;
			background-position: 6px 5px!important;
		}

		#manage-shortcuts:hover{
			appearance: none !important;
			margin-right: -1px !important;
			background: #ecf0f6 url("..//icons/Bild67.png") no-repeat !important;    
			border-width: thin !important;
			border-radius: 4px !important;
			border-color: #aecff7 !important;
			border-style: solid !important;
			min-height: 24px!important;
			padding-top: 5px! important;
			padding-left: 28px!important;
			background-position: 6px 5px!important;
		}
		
		#empty-addons-message {
			display: none !important;
		}

			/*both*/
		#unified-extensions-area .unified-extensions-item-message-deck .unified-extensions-item-message,
		.unified-extensions-list .unified-extensions-item-message-deck,
		menupopup#unified-extensions-context-menu .unified-extensions-context-menu-report-extension,
		menupopup#unified-extensions-context-menu .unified-extensions-context-menu-remove-extension {
			display: none !important;
		}

			/*grid*/
		#unified-extensions-view {
			width: unset !important;
		}

		#unified-extensions-area,
		.unified-extensions-list {
			display: grid !important;
			grid-template-columns: repeat(3, 1fr) !important;
			width: 200px !important;
		}

		#unified-extensions-panel toolbaritem.unified-extensions-item {
			max-width: unset !important;
			width:  62px !important;
			height: 30px !important;
			background-color: rgba(80, 80, 80, 0.6) !important;
			margin: 1px !important;
			border-radius: 4px !important;
			border: 1px solid #666 !important;
			padding: 0 2px !important;
		}

		.unified-extensions-list .unified-extensions-item {
			max-width: unset !important;
			width:  56px !important;
			height: 28px !important;
			background-color: rgba(67, 67, 94, 0.6) !important;
			margin: 1px !important;
			border-radius: 4px !important;
			border: 1px solid #666 !important;
			padding: 0 2px !important;
		}

		.unified-extensions-item-action-button {
			overflow: visible !important;
			max-height: 24px !important;
		}

		.unified-extensions-item[unified-extensions="true"] .webextension-browser-action > .toolbarbutton-badge-stack {
			margin-inline-end: 0 !important;
		}

		.unified-extensions-item .unified-extensions-item-menu-button.subviewbutton {
			margin-inline-start: 0 !important;
		}

		.unified-extensions-item-menu-button.subviewbutton > .toolbarbutton-icon {
			padding: unset !important;
		}

		.toolbaritem-combined-buttons:is(:not([cui-areatype="toolbar"]),
		[overflowedItem="true"]) > toolbarbutton:not(.toolbarbutton-1)[disabled] {
			opacity: 1 !important;
		}

			/*hover name regular*/
		#unified-extensions-area .subviewbutton {
			padding: 2px !important;
		}

		#unified-extensions-area .unified-extensions-item image.toolbarbutton-icon {
			opacity: 1 !important;
			margin-left:  2px !important;
			padding: 0 !important;
			height: 16px !important;
			width: 16px !important;
		}

		#unified-extensions-area .unified-extensions-item:hover .unified-extensions-item-menu-button image.toolbarbutton-icon {
			margin-left:  0 !important;
		}

		#unified-extensions-area .unified-extensions-item .unified-extensions-item-action-button {
			width: 26px !important;    
			margin-right: 6px !important; 
		}

		#unified-extensions-area .unified-extensions-item:hover .unified-extensions-item-action-button[disabled="true"] {
			opacity: 1 !important;
		}

		#unified-extensions-area .unified-extensions-item:not(hover) .unified-extensions-item-contents .unified-extensions-item-name {
			display: none !important;
		}

		#unified-extensions-area .unified-extensions-item:hover .unified-extensions-item-contents .unified-extensions-item-name {
			display: block !important;
			position: relative;
			top: -8px;
			left: 0px;
			background: #eee;
			color: #000;
			border-radius: 3px;
			width: 120px !important;
			min-height: 18px !important;
			z-index: 999 !important;
		}

		#unified-extensions-panel toolbaritem.unified-extensions-item:nth-of-type(3n-2):hover .unified-extensions-item-contents .unified-extensions-item-name {
			left: -20px !important;
		}

		#unified-extensions-panel toolbaritem.unified-extensions-item:nth-of-type(3n-1):hover .unified-extensions-item-contents .unified-extensions-item-name {
			left: -70px !important;
		}

		#unified-extensions-panel toolbaritem.unified-extensions-item:nth-of-type(3n):hover .unified-extensions-item-contents .unified-extensions-item-name {
			left: -120px !important;
		}


			/*hover name unified*/
		.unified-extensions-list .unified-extensions-item-action-button:hover {
			background-color: rgba(251, 251, 254, 0.09) !important;
		}

		.unified-extensions-list .subviewbutton {
			padding: 2px !important;
			margin: 0 !important;
		}

		.toolbaritem.unified-extensions-item .unified-extensions-list {
			margin: 0 0 0 8px !important;
		}
		
		.unified-extensions-item-icon {
			opacity: 0.5;
		}

		.unified-extensions-list image.unified-extensions-item-icon {
			opacity: 1 !important;
			margin-left: 2px !important;
			padding: 0 !important;
			height: 16px !important;
			width: 16px !important;
		}

		.unified-extensions-list .unified-extensions-item image.toolbarbutton-icon {
			margin-left:  4px !important;
		}

		.unified-extensions-list .unified-extensions-item .unified-extensions-item-action-button {
			width: 26px !important;
			margin-right: 4px !important;
		}

		.unified-extensions-list .unified-extensions-item .unified-extensions-item-action-button:not(hover) .unified-extensions-item-contents label {
			display: none !important;
		}

		.unified-extensions-list .unified-extensions-item .unified-extensions-item-action-button:hover .unified-extensions-item-contents label {
			display: block !important;
			position: relative;
			top: -10px;
			left: 0px;
			background: #eee;
			color: #000;
			border-radius: 3px;
			width: 120px !important;
			min-height: 18px !important;
		}

		.unified-extensions-list .unified-extensions-item:nth-of-type(3n-2) .unified-extensions-item-action-button:hover .unified-extensions-item-contents label {
			left: -5px !important;
		}

		.unified-extensions-list .unified-extensions-item:nth-of-type(3n-1) .unified-extensions-item-action-button:hover .unified-extensions-item-contents label {
			left: -60px !important;
		}

		.unified-extensions-list .unified-extensions-item:nth-of-type(3n) .unified-extensions-item-action-button:hover .unified-extensions-item-contents label {
			left: -110px !important;
		}
		
		#category-discover,
		[data-l10n-id="help-button"] {
			display: none !important;
		}
		
		button[selected]::before {
			display: none !important;
		}
		
			/* Themes Button aktivieren und deaktivieren farblich absetzen*/
		[data-l10n-id="enable-addon-button"] {
			background: red !important;
		}

		[data-l10n-id="disable-addon-button"] {
			background: green !important;
		}

		.button-background.labelled {
			color: white !important;  
		}

		addon-card .more-options-button {
			background-color: yellow !important;
			color: red !important;
		}


	}

Alles anzeigen

Nur schnell überflüssige Leerzeilen und @-moz-document-Regeln gelöscht.

Boersenfeger

Klappt hier! 😀

Boersenfeger

Nun ists wieder soweit, die Darstellung klappt mit Nightly Version 160 nicht mehr. Ich vermute, das das neue Design nicht mehr mit dem CSS harmoniert.

Kann man es heilen?

FuchsFan

Zitat von Boersenfeger

Kann man es heilen?

Boersenfeger

Man kann es heilen, aber wie schon mehrmals betont, dafür müsste der Code eine Generalüberholung erhalten. Wer will das machen? Ich habe den Code aus #34 genommen, ihn so verändert , dass du wenigstens erkennen kannst, was zu bedienen geht, also nur das Nötigste.

CSS

		/*  Addons-Manager Nightly */
		
	@-moz-document url-prefix(chrome://mozapps/content/extensions/aboutaddons.html),
	url-prefix(chrome://mozapps/content/extensions/extensions.xhtml),
	url-prefix(about:addons) {

			/* =========================================
			   Sidebar Buttons (alle)
			========================================= */
		
		[data-l10n-id="sidebar-help-button-title"] {
			display: none !important;
		}

		.button-background {
			background-color: unset !important;
		}

		.button-background {
			& img {
				fill: red !important;
			}
		}

		moz-page-nav-button {
			background: lightgrey !important;
			color: black !important;
			border: 2px solid grey !important;
			border-radius: 50px !important;
			box-shadow: inset 0 0 5px 5px #888 !important;
		}

			/* =========================================
			   Hover (nur bei inaktiv sichtbar)
			========================================= */

		moz-page-nav-button:hover {
			background: blue !important;
			color: white !important;
			border-color: brown !important;
			box-shadow: inset 0 0 5px 5px #888 !important;
		}

			/* aktiver Button */
		button[selected] {
			color: white !important;
			background-color: red !important;
			border-radius: 50px !important;
			box-shadow: inset 0 0 5px 5px #888 !important;
		}

			/* optional hover für aktiven Button */
		button[selected]:hover {
			color: white !important;
			background-color: #8A2BE2 !important;
		} 


			/*  Versionsnummer der Addons wird angezeigt */
		div:not([current-view="updates"]) .addon-name-link[title]::after,
		div:not([current-view="updates"]) .addon-name[title]::after {
			display: block !important;
			content: attr(title) !important;
			margin-top: -22px !important;
		} 
		
		/*restore version number */
		div:not([current-view="updates"]) .addon-name-link[title]:not([data-l10n-args])::after,
		div:not([current-view="updates"]) .addon-name[title]:not([data-l10n-args])::after {
			display: block !important;
			content: attr(title) !important;
			margin-top: -22px !important;
		}

		/*  Hintergrund der Button auf der rechten Seite */
		moz-card#aboutaddons-themes-picker-card,
		moz-segmented-control{
			display: none !important;
		}
		
		article.moz-card div#moz-card-details div#content {
			background-color: transparent !important;
		}	
		
		
		addon-list addon-card:not([expanded="true"]) panel-list * {
			background-color: antiquewhite !important;
			color: black !important;
			font-weight: bold !important;
		}
		
		addon-list.monochromatic-addon-list section addon-card div.card.addon addon-options panel-list {
			background: blanchedalmond !important;     
		}
		
		@supports -moz-bool-pref("browser.in-content.dark-mode") 
		@media (prefers-color-scheme: dark) 
		addon-list addon-card:not([expanded="true"]) panel-list *,
		.more-options-menu panel-item {
			background: black !important;
			color: white !important;
		}
		
		addon-list panel-item {
			margin: 0 1px !important;
			box-shadow: inset 0 0 3px 3px grey;
		}
		
	   
			/*  Reduce Size of default Buttons */
		link:is([href$="panel-item.css"],[href$="panel-list.css"]) ~ button {
			width: unset !important;
			padding: 10px 24px !important; /* 5px ist die Höhe der rechten Button */
		}
		
			/*  Entfernt den Drei-Punkte-Button aus dem Container */
		addon-card .more-options-button {
			display: none !important;
		}

			/*  Remove Button Icon */
		addon-list panel-item {
			--icon: unset !important;
		}
		
		addon-card panel-list {
			position: relative !important;
			display: flex !important;
			overflow: hidden !important;
			background: unset !important;
			border: unset !important;
			box-shadow: unset !important;
			min-width: unset !important;
			width: unset !important;
			float: right !important;
			right: 36px !important;
		}
		
		#content div#main addon-list section.extension-enabled-section addon-card div.card.addon addon-options panel-list {
			margin-top: -52px !important;
			margin-right: 45px !important;
		}	

		div.arrow.top + div.list {
			display: flex !important;
			flex-flow: row wrap !important;
			justify-content: flex-start !important;
		} 
		
		 div[role="presentation"].list {
			display: flex !important;
			flex-flow: row wrap !important;
			justify-content: flex-start !important;
		}

		panel-item[action="preferences"] {
			order: -1;
		}
		
		panel-item[badged] {
			border: 1px solid Highlight !important;
		}
		
		panel-item[badged]::after,
		:host([badged]) button::after,
		link:is([href$="panel-item.css"],[href$="panel-list.css"]) ~ button::after,
		:is(addon-options,plugin-options) button::after {
			display: none !important;
			content: unset !important;
		}
		
		addon-page-options panel-list {
			min-width: unset !important;
			width: auto !important;
			max-width: 300px !important;
			z-index: 1000 !important;      
		}
		
		addon-page-options panel-list panel-item {
			min-width: 280px !important;
			width: 280px !important;     
		}
		
		.sticky-container {
			z-index: 1000 !important;
		}
		
		link:-is([href$="panel-item.css"],[href$="panel-list.css"]) ~ button label[accesskey] {
			padding-inline-start: 0px !important;
			padding-top: 3px !important;
			padding-bottom: 3px !important;
			min-width: 260px !important;
			width: 260px !important;      
		}

		addon-page-options panel-list panel-item[accesskey][checked] {
			background: url("chrome://global/skin/icons/check.svg") 5px no-repeat !important;
		}
			
		addon-list addon-card:not([expanded="true"]) panel-list {     
			display: block !important;   
			box-shadow: none !important; 
			border: none !important;
			right: 45px !important;
		} 

			/*  Abstand zwischen den Containern */  
		addon-card .addon { 
			margin: 5px !important; 
		}

			/*  Höhe der Container */
		addon-list[type="extension"]{ 
			--card-padding: 19px;
		}
		addon-card .addon-card-collapsed { 
			margin-bottom: 2px !important; /* Button rechts Abstand vom oberen Rand */   
			margin-top: -5px !important;
		}    

			/*  Abstand der Button vom rechten Rand bei Themes, Plugins, Wörterbücher, usw.*/
		addon-list:is([type="theme"],[type="plugin"],[type="dictionary"]) 
		addon-card:not([expanded="true"]) 
		panel-list {
			right: 155px !important;
			top:  -15px !important;
		}

			/*  Abstand der Button vom oberen Rand bei Plugins, Wörterbücher, usw. */
		addon-list addon-card:not([expanded="true"]) panel-list {
			margin-top: -42px !important;
		}

			/*  Abstand der Button vom oberen Rand bei Themes */
		addon-list:is([type="theme"]) addon-card:not([expanded="true"]) panel-list {
			margin-top: -46px !important;
			margin-left: -100px !important;
		}
		
			/*  Entfernung Bereich Farbgebungen */
		addon-list.monochromatic-addon-list {
			display: none !important;
		}    

			/*  Ausdehnung der Container zum rechten Rand */    
		.addon.card {
			width: 1380px;
		}

		input[type="checkbox"].toggle-button {
			margin-right: 30px !important; /* blauer Button -Deaktivieren/Aktivieren- Abstand vom rechten Rand */
		}
		
		
			/*  Nummerierung der Erweiterungen, Themes und Plugins */
		.addon-card-collapsed::before {
			font-size:18px!important;  
			color: red !important;
			font-weight: bold !important;
			counter-increment: section;                 
			content: counter(section, decimal-leading-zero)". ";
			margin-left: -8px !important;
			padding-right: 8px !important; 
			margin-top:4px!important;
		}

		body {
			counter-reset: section;
		}

		
			/*  Abstand der Button zum linken Rand */
		#categories > .category, #preferencesButton, #helpButton, #addonsButton {
			margin-left: 5px !important; 
		}

		#categories > .category:not([disabled]){
			background-color: gainsboro !important;/*Hintergrundfarbe vom Button*/
			margin-top: 2px !important; /*Abstand zum Button darüber*/
			border-radius: 60px !important;/*Rundung vom Button*/
			box-shadow: inset 0 0 5px 5px #888;
		}
		
			/*  Aktiver Button rot, Schrift weiß */
		#categories > .category[selected]{
			color: white !important;
			background-color: red !important;
			margin-top: 1px !important;
			border-radius: 60px !important;
			box-shadow: inset 0 0 5px 5px #888; 
		}

			/*  Hintergrund der Button blau, Schrift weiß bei hover mit der Maus */
		#categories > .category:hover, #preferencesButton:hover, #helpButton:hover, #addonsButton:hover {
			color: white !important;
			background-color: blue !important;
			margin-top: 1px !important;
			border-radius: 60px !important;
			box-shadow: inset 0 0 5px 5px #888;      
		}
			
			/*  Optionen-Button */
		button.more-options-button:nth-child(1) {
			position: absolute !important;
			left: 19% !important;
			margin-top: 20px !important;
		}

			/*  Bei "Themes" die Grafiken ausblenden */
		.card-heading-image {
			display: none !important;
		}
		  
		
			/*  Erweiterungssuche ausblenden */
		.main-search {
			display: none !important;
		}
		
			/*  Ausblenden Firefox Optionen */
		#preferencesButton,
		#help-button {
			display: none !important;
		}
		
			/*  Kategorien in abgerundeten Buttons */
		#preferencesButton,
		#addonsButton,
		#helpButton,
		#category-availableUpdates {
			background-color: red !important;
			margin-top:5px !important;
			border-radius:60px !important;
		}    

			/*  Privatmodus und empfohlene Erweiterungen Icons entfernen */
		.addon-badge-recommended,
		.addon-badge-private-browsing-allowed {
			display:none !important; 
		}


			/*  Umrandung bei Hover breiter Rand und andere Farbe */
		:root {
			--card-outline-color: LimeGreen !important;
		}
		
		#sidebar {
			background: darkkhaki !important;
		}
		.main-search,
		.sticky-container,
		.main-heading,
		#content {
			background: blanchedalmond !important;
			font-size: 15px !important;
		}
		richlistbox.list > richlistitem.addon {
			background:white!important;
			margin-left:-20px !important;
			margin-top:  7px !important;
		}
		#list-view > #addon-list .description-container {
			margin-left: 350px !important;
			margin-top: -10px !important;
			border-radius:60px !important;
			padding: 5px 8px 2px 7px !important; 
		}    
		#list-view > #addon-list .addon.addon-view {
			padding: 5px 80px 2px 7px !important;
			border-radius:60px !important;
		}
		
		
		addon-list[type="theme"] moz-card.card.addon {
            padding: 25px 0 0px 0 !important;
        }
		addon-list[type="plugin"] moz-card.card.addon {
    padding: 15px 0 10px 0 !important;
}

			/*  Kategorien nicht angeklickt, Text dunkelrot */
		.category {
			color: darkred !important;
		}

			/*  Kategorien hover Hintergrund + Schrift */
		.category:hover {
			color:white!important;
			background:red!important;
		}

			/*  Einstellungen-Fenster verbreitern */
		.pane-container{
			width: 900px !important;
		}                      
		
			/*  Unter Plugins Nachfragen ob aktiviert werden soll entfernt */
		#main > div:nth-child(1) > addon-list:nth-child(1) > section:nth-child(2) > addon-card:nth-child(2) > div:nth-child(1) > plugin-options:nth-child(5) > panel-list:nth-child(1) > panel-item:nth-child(1),
		#main > div:nth-child(1) > addon-list:nth-child(1) > section:nth-child(2) > addon-card:nth-child(3) > div:nth-child(1) > plugin-options:nth-child(5) > panel-list:nth-child(1) > panel-item:nth-child(1) {
			display: none !important;
		}
		
			/*  Button mit dem Zahnrad */
	  .page-options-menu > .more-options-button{
			fill: red !important; /* rotes Zahnrad */ 
			border: 1px solid grey !important; /* farbige Umrandung */
			border-radius: 15px !important; /* Abrundung */
			width: 60px !important; /* Länge des Button */
			height: 30px ! important; /* Höhe des Button */
		} 
		
			/*  Button oben mit dem Zahnrad bei Hover */
		.page-options-menu > .more-options-button:hover {
			fill: lime !important; /* Farbe des Zahnrades */
		}

			/*   Aussehen des Menü hinter dem Zahnrad */
		link:is([href$="panel-item.css"],[href$="panel-list.css"]) ~ button label[accesskey] {
			margin-left: 6% ! important;
			min-width: 50px !important;
			width: 175px !important; /* Länge der einzelnen Felder */
			background: white ! important; /* Farbe des Hintergrundes */
		}
		
		link:is([href$="panel-item.css"],[href$="panel-list.css"]) ~ button label[accesskey]:hover {
			background: lightyellow !important;    
		}  
		.sticky-container {
			z-index: 1000 !important;
		}

		button:focus {
			background: none !important;
		}
	 
		addon-page-options panel-list panel-item {
			width: 425px !important; /* Länge der aktivierten Menü-Leiste */
			background: none ! important;
			padding-right: 15px !important;
		}
		
		addon-page-options panel-list panel-item:hover {
			width: 425px !important; 
			background: lime ! important;
			color: red !important;
		}    

		addon-page-options panel-list {
			min-width: unset !important;
			width: auto !important;
			max-width: 450px !important; /* Ausdehnung der Felder nach rechts */ 
			background: #f8f8ff ! important; /* farbiger Hintergrund des Feldes */
			padding-left: 8px !important; /* Ausdehnung nach links */
			padding-right: 3px !important; /* Ausdehnung nach rechts */
			z-index: 1000 !important;
		}
		
			/*  Hintergrund der Box Updates automatisch aktualisieren */
		addon-page-options panel-list panel-item[accesskey][checked] {
			background: gold !important;
		}           
		
			/*  Zurückbutton bei geöffnetem Menü Einstellung/Verwalten */
		.back-button {
			background-color: silver !important;/*Hintergrundfarbe vom Button*/
			width: 60px !important;
			border-radius: 60px !important;/*Rundung vom Button*/
			box-shadow: inset 0 0 3px 3px #888;
		}
		
		.back-button:hover {
			color: white !important;
			background-color: dodgerblue !important;
			border-radius: 60px !important;
			box-shadow: inset 0 0 3px 3px #888;
		}    

			/*  Icons des Stern-Kontextmenü */
		#page-options > panel-list:nth-child(1) > panel-item:nth-child(1)::before {
			content: '';
			display: block;
			width: 16px;
				height: 16px;
			background: url("..//icons/Bild5.png") no-repeat !important;
			background-size: 16px 16px !important;
			margin-left: 15px;
			margin-right: -31px;
		}

		#page-options > panel-list:nth-child(1) > panel-item:nth-child(2)::before {
			content: '';
			display: block;
			width: 16px;
			height: 16px;
			background: url("..//icons/Bild61.png") no-repeat !important;
			background-size: 16px 16px !important;
			margin-left: 15px;
			margin-right: -31px;
		}
	 
		#page-options > panel-list:nth-child(1) > panel-item:nth-child(4)::before {
			content: '';
			display: block;
			width: 16px;
			height: 16px;
			background: url("..//icons/Bild3.png") no-repeat !important;
			background-size: 16px 16px !important;
			margin-left: 15px;
			margin-right: -31px;
		}

		#page-options > panel-list:nth-child(1) > panel-item:nth-child(5)::before {
			content: '';
			display: block;
			width: 16px;
			height: 16px;
			background: url("..//icons/Bild66.ico") no-repeat !important;
			background-size: 16px 16px !important;
			margin-left: 15px;
			margin-right: -31px;
		}

		#page-options > panel-list:nth-child(1) > panel-item:nth-child(7) {
			fill: transparent !important;
		}
		 
		#page-options > panel-list:nth-child(1) > panel-item:nth-child(7)::before {
			content: '';
			display: block;
			width: 16px;
			height: 16px;
			background: url("..//icons/Bild62.png") no-repeat !important;
			background-size: 18px 18px !important;
			margin-left: 16px;
			margin-right: -32px;
			margin-bottom: 3px;
		}
		
		#page-options > panel-list:nth-child(1) > panel-item:nth-child(7):not([checked])::before {
			content: '';
			font-size: 14px;
			padding-left: 0px !important;
			padding-top: 1px !important;
			padding-bottom: 2px !important;
			display: block;
			width: 16px;
			height: 16px;
			background: url("..//icons/Bild63.png") no-repeat !important;
			background-size: 18px 18px !important;
			margin-left: 15px;
			margin-right: -32px;
			margin-bottom: 3px;
		}
		
		#page-options > panel-list:nth-child(1) > panel-item:nth-child(8)::before {
			content: '';
			display: block;
			width: 16px;
			height: 16px;
			background: url("..//icons/Bild64.png") no-repeat !important;
			background-size: 16px 16px !important;
			margin-left: 15px;
			margin-right: -31px;
		}

		#page-options > panel-list:nth-child(1) > panel-item:nth-child(10)::before {
			content: '';
			display: block;
			width: 16px;
			height: 16px;
			background: url("..//icons/Bild67.png") no-repeat !important;
			background-size: 16px 16px !important;
			margin-left: 15px;
			margin-right: -31px;
		}

			/*  About:addons  - Optionen Schaltfläche */		
		#utils-updateNow{
			appearance: none !important;
			background: url("..//icons/Bild5.png") no-repeat !important;
			min-height: 24px!important;
			padding-top: 5px! important;
			padding-left:28px!important;
			background-position:6px 5px!important;
		}

		#utils-updateNow:hover{
			appearance: none !important;
			margin-right: -1px !important;
			background: #ecf0f6 url("..//icons/Bild5.png") no-repeat !important;    
			border-width: thin !important;
			border-radius: 4px !important;
			border-color: #aecff7 !important;
			border-style: solid !important;
			min-height: 24px!important;
			padding-top: 5px! important;
			padding-left:28px!important;
			background-position:6px 5px!important;
		}

		#utils-viewUpdates{
			appearance: none !important;
			background: url("..//icons/Bild61.png") no-repeat !important;
			min-height: 24px!important;
			padding-top: 5px! important;
			padding-left:28px!important;
			background-position:6px 5px!important;
		}

		#utils-viewUpdates:hover{
			appearance: none !important;
			margin-right: -1px !important;
			background: #ecf0f6 url("..//icons/Bild61.png") no-repeat !important;    
			border-width: thin !important;
			border-radius: 4px !important;
			border-color: #aecff7 !important;
			border-style: solid !important;
			min-height: 24px!important;
			padding-top: 5px! important;
			padding-left:28px!important;
			background-position:6px 5px!important;
		}

		#utils-installFromFile{
			appearance: none !important;
			background: url("..//icons/Bild3.png") no-repeat !important;
			min-height: 24px!important;
			padding-top: 5px! important;
			padding-left:28px!important;
			background-position:6px 5px!important;
		}

		#utils-installFromFile:hover{
			appearance: none !important;
			margin-right: -1px !important;
			background: #ecf0f6 url("..//icons/Bild3.png") no-repeat !important;    
			border-width: thin !important;
			border-radius: 4px !important;
			border-color: #aecff7 !important;
			border-style: solid !important;
			min-height: 24px!important;
			padding-top: 5px! important;
			padding-left: 28px!important;
			background-position: 6px 5px!important;
		}

		#utils-autoUpdateDefault[type="checkbox"][checked="true"]>.menu-iconic-left{
			appearance: none !important;
			background: url("..//icons/Bild62.png")no-repeat !important;
			height:15px!important;
			padding-top:1px!important;
			margin-left:5px !important;
		}

		#utils-autoUpdateDefault[type="checkbox"][checked="true"]>.menu-iconic-text {
			padding-left: 12px !important;}

		#utils-autoUpdateDefault[type="checkbox"][checked="false"]>.menu-iconic-left{
			appearance: none !important;
			background: url("..//icons/Bild63.png")no-repeat !important;
			height: 15px!important;
			padding-top: 1px!important;
			margin-left: 7px !important;
		}

		#utils-autoUpdateDefault[type="checkbox"][checked="false"]>.menu-iconic-text{
			padding-left: 10px !important;}

		#utils-resetAddonUpdatesToAutomatic{
			appearance: none !important;
			background: url("..//icons/Bild64.png") no-repeat !important;
			min-height: 24px!important;
			padding-top: 5px! important;
			padding-left: 28px!important;
			background-position: 6px 5px!important;
		}

		#utils-resetAddonUpdatesToAutomatic:hover{
			appearance: none !important;
			margin-right: -1px !important;
			background: #ecf0f6 url("..//icons/Bild64.png") no-repeat !important;    
			border-width: thin !important;
			border-radius: 4px !important;
			border-color: #aecff7 !important;
			border-style: solid !important;
			min-height: 24px!important;
			padding-top: 5px! important;
			padding-left: 28px!important;
			background-position: 6px 5px!important;
		}

		#utils-resetAddonUpdatesToManual{
			appearance: none !important;
			background: url("..//icons/Bild65.png") no-repeat !important;
			min-height: 24px!important;
			padding-top: 5px! important;
			padding-left: 28px!important;
			background-position: 6px 5px!important;
		}

		#utils-resetAddonUpdatesToManual:hover{
			appearance: none !important;
			margin-right: -1px !important;
			background: #ecf0f6 url("..//icons/Bild65.png") no-repeat !important;    
			border-width: thin !important;
			border-radius: 4px !important;
			border-color: #aecff7 !important;
			border-style: solid !important;
			min-height: 24px!important;
			padding-top: 5px! important;
			padding-left: 28px!important;
			background-position: 6px 5px!important;
		}

		#utils-debugAddons{
			appearance: none !important;
			background: url("..//icons/Bild66.ico") no-repeat !important;
			min-height: 24px!important;
			padding-top: 5px! important;
			padding-left: 28px!important;
			background-position: 6px 5px!important;
		}

		#utils-debugAddons:hover{
			appearance: none !important;
			margin-right: -1px !important;
			background: #ecf0f6 url("..//icons/Bild66.ico") no-repeat !important;    
			border-width: thin !important;
			border-radius: 4px !important;
			border-color: #aecff7 !important;
			border-style: solid !important;
			min-height: 24px!important;
			padding-top: 5px! important;
			padding-left: 28px!important;
			background-position: 6px 5px!important;
		}

		#manage-shortcuts{
			appearance: none !important;
			background: url("..//icons/Bild67.png") no-repeat !important;
			min-height: 24px!important;
			padding-top: 5px! important;
			padding-left: 28px!important;
			background-position: 6px 5px!important;
		}

		#manage-shortcuts:hover{
			appearance: none !important;
			margin-right: -1px !important;
			background: #ecf0f6 url("..//icons/Bild67.png") no-repeat !important;    
			border-width: thin !important;
			border-radius: 4px !important;
			border-color: #aecff7 !important;
			border-style: solid !important;
			min-height: 24px!important;
			padding-top: 5px! important;
			padding-left: 28px!important;
			background-position: 6px 5px!important;
		}
		
		#empty-addons-message {
			display: none !important;
		}

			/*both*/
		#unified-extensions-area .unified-extensions-item-message-deck .unified-extensions-item-message,
		.unified-extensions-list .unified-extensions-item-message-deck,
		menupopup#unified-extensions-context-menu .unified-extensions-context-menu-report-extension,
		menupopup#unified-extensions-context-menu .unified-extensions-context-menu-remove-extension {
			display: none !important;
		}

			/*grid*/
		#unified-extensions-view {
			width: unset !important;
		}

		#unified-extensions-area,
		.unified-extensions-list {
			display: grid !important;
			grid-template-columns: repeat(3, 1fr) !important;
			width: 200px !important;
		}

		#unified-extensions-panel toolbaritem.unified-extensions-item {
			max-width: unset !important;
			width:  62px !important;
			height: 30px !important;
			background-color: rgba(80, 80, 80, 0.6) !important;
			margin: 1px !important;
			border-radius: 4px !important;
			border: 1px solid #666 !important;
			padding: 0 2px !important;
		}

		.unified-extensions-list .unified-extensions-item {
			max-width: unset !important;
			width:  56px !important;
			height: 28px !important;
			background-color: rgba(67, 67, 94, 0.6) !important;
			margin: 1px !important;
			border-radius: 4px !important;
			border: 1px solid #666 !important;
			padding: 0 2px !important;
		}

		.unified-extensions-item-action-button {
			overflow: visible !important;
			max-height: 24px !important;
		}

		.unified-extensions-item[unified-extensions="true"] .webextension-browser-action > .toolbarbutton-badge-stack {
			margin-inline-end: 0 !important;
		}

		.unified-extensions-item .unified-extensions-item-menu-button.subviewbutton {
			margin-inline-start: 0 !important;
		}

		.unified-extensions-item-menu-button.subviewbutton > .toolbarbutton-icon {
			padding: unset !important;
		}

		.toolbaritem-combined-buttons:is(:not([cui-areatype="toolbar"]),
		[overflowedItem="true"]) > toolbarbutton:not(.toolbarbutton-1)[disabled] {
			opacity: 1 !important;
		}

			/*hover name regular*/
		#unified-extensions-area .subviewbutton {
			padding: 2px !important;
		}

		#unified-extensions-area .unified-extensions-item image.toolbarbutton-icon {
			opacity: 1 !important;
			margin-left:  2px !important;
			padding: 0 !important;
			height: 16px !important;
			width: 16px !important;
		}

		#unified-extensions-area .unified-extensions-item:hover .unified-extensions-item-menu-button image.toolbarbutton-icon {
			margin-left:  0 !important;
		}

		#unified-extensions-area .unified-extensions-item .unified-extensions-item-action-button {
			width: 26px !important;    
			margin-right: 6px !important; 
		}

		#unified-extensions-area .unified-extensions-item:hover .unified-extensions-item-action-button[disabled="true"] {
			opacity: 1 !important;
		}

		#unified-extensions-area .unified-extensions-item:not(hover) .unified-extensions-item-contents .unified-extensions-item-name {
			display: none !important;
		}

		#unified-extensions-area .unified-extensions-item:hover .unified-extensions-item-contents .unified-extensions-item-name {
			display: block !important;
			position: relative;
			top: -8px;
			left: 0px;
			background: #eee;
			color: #000;
			border-radius: 3px;
			width: 120px !important;
			min-height: 18px !important;
			z-index: 999 !important;
		}

		#unified-extensions-panel toolbaritem.unified-extensions-item:nth-of-type(3n-2):hover .unified-extensions-item-contents .unified-extensions-item-name {
			left: -20px !important;
		}

		#unified-extensions-panel toolbaritem.unified-extensions-item:nth-of-type(3n-1):hover .unified-extensions-item-contents .unified-extensions-item-name {
			left: -70px !important;
		}

		#unified-extensions-panel toolbaritem.unified-extensions-item:nth-of-type(3n):hover .unified-extensions-item-contents .unified-extensions-item-name {
			left: -120px !important;
		}


			/*hover name unified*/
		.unified-extensions-list .unified-extensions-item-action-button:hover {
			background-color: rgba(251, 251, 254, 0.09) !important;
		}

		.unified-extensions-list .subviewbutton {
			padding: 2px !important;
			margin: 0 !important;
		}

		.toolbaritem.unified-extensions-item .unified-extensions-list {
			margin: 0 0 0 8px !important;
		}
		
		.unified-extensions-item-icon {
			opacity: 0.5;
		}

		.unified-extensions-list image.unified-extensions-item-icon {
			opacity: 1 !important;
			margin-left: 2px !important;
			padding: 0 !important;
			height: 16px !important;
			width: 16px !important;
		}

		.unified-extensions-list .unified-extensions-item image.toolbarbutton-icon {
			margin-left:  4px !important;
		}

		.unified-extensions-list .unified-extensions-item .unified-extensions-item-action-button {
			width: 26px !important;
			margin-right: 4px !important;
		}

		.unified-extensions-list .unified-extensions-item .unified-extensions-item-action-button:not(hover) .unified-extensions-item-contents label {
			display: none !important;
		}

		.unified-extensions-list .unified-extensions-item .unified-extensions-item-action-button:hover .unified-extensions-item-contents label {
			display: block !important;
			position: relative;
			top: -10px;
			left: 0px;
			background: #eee;
			color: #000;
			border-radius: 3px;
			width: 120px !important;
			min-height: 18px !important;
		}

		.unified-extensions-list .unified-extensions-item:nth-of-type(3n-2) .unified-extensions-item-action-button:hover .unified-extensions-item-contents label {
			left: -5px !important;
		}

		.unified-extensions-list .unified-extensions-item:nth-of-type(3n-1) .unified-extensions-item-action-button:hover .unified-extensions-item-contents label {
			left: -60px !important;
		}

		.unified-extensions-list .unified-extensions-item:nth-of-type(3n) .unified-extensions-item-action-button:hover .unified-extensions-item-contents label {
			left: -110px !important;
		}
		
		#category-discover,
		[data-l10n-id="help-button"] {
			display: none !important;
		}
		
		button[selected]::before {
			display: none !important;
		}
		
			/* Themes Button aktivieren und deaktivieren farblich absetzen*/
		[data-l10n-id="enable-addon-button"] {
			background: red !important;
		}

		[data-l10n-id="disable-addon-button"] {
			background: green !important;
		}

		.button-background.labelled {
			color: white !important;  
		}

		addon-card .more-options-button {
			background-color: yellow !important;
			color: red !important;
		}


	}

Alles anzeigen

Mira_Belle

Boersenfeger

Da ich mein CSS für die Aboutseiten auch über Bord werfen muss
und ich das neu gestalten muss (will), wäre ein Screenshot, wie Du es denn gerne hättest
schon ganz gut, aber das wird dauern, weil ja komplett neu!
Bis dahin sollte Dir das CSS von FuchFan erst einmal reichen.

Boersenfeger

FuchsFan Mira_Belle

So ist es für mich völlig ausreichend! Vielen Dank!

Wenn jemand andere, neuere, angepasstere Vorschläge hat, gerne hier anbieten.

FuchsFan

Zitat von Boersenfeger

Wenn jemand andere, neuere, angepasstere Vorschläge hat, gerne hier anbieten.

Boersenfeger

Hier ist eine Version (für 160 angepasst), wenn du sie dann nutzen möchtest (nur dann), so melde dich, dann liefere ich die Icon nach. Wenn ich mal viel Zeit (bin Rentner ) und Lust habe, so werde ich versuchen das Ganze nach deinem Geschmack umzubauen.

CSS

/* Profil: ab Firefox 160 */

@-moz-document url-prefix(chrome://mozapps/content/extensions/extensions.xhtml),
url-prefix(about:addons),
url-prefix(chrome://mozapps/content/extensions/aboutaddons.html),
url-prefix(chrome://mozapps/content/extensions/aboutaddons.xhtml)
{

body {
   counter-reset: section !important;
}

/* ab Version 155 neu bei Themes / ausgeblendet */
moz-card#aboutaddons-themes-picker-card,
moz-segmented-control {
	display: none !important;
}	

/* Add-ons-Manager linke Seite (Sidebar) Hintergrund */
#sidebar {
   background:  url("file:///C:/FoxBilder/42.png") no-repeat -150px 0px !important;
   /* background: linear-gradient(to bottom right, white,#acacac,#f2f3f4,#acacac, #f2f3f4,#acacac) !important;  */
   border-right: 2px solid grey !important;
}

/* Add-ons-Manager rechte Seite Hintergrund */
#full #content {
   /* background: #bfc1c2 !important; */
   background: url("file:///C:/FoxBilder/255.jpg") no-repeat!important;
   background-position: -5px -5px !important;
   background-attachment: fixed !important;
}

/*====== alle Button links in der Sidebar =======*/

/* oben das Logo mit Text */
div.page-nav-heading-wrapper {
	background: #fae7b5 !important;
    color: black !important;
    border: 2px solid white !important;
	border-radius: 10px !important;
	box-shadow: inset 0 0 3px 3px #888 !important;
	padding: 6px 0 10px 0px !important;
}
.page-nav-heading-wrapper {
    margin-block-start: 30px !important;
    margin-inline-start: -28px !important;
}

/* Logo und Erweiterungen nach unten verlagert */
div.page-nav-heading-wrapper div.logo,
h1#page-nav-heading.page-nav-heading {
	margin-top: 0px !important;
	margin-left: 20px !important;
}	

/* die Buttongruppe nach unten verlagert */
nav div.primary-nav-group {
	margin-top: 40px !important;
}

/* Buttongruppe nach links */
nav	{
	margin-left: -12px !important;
}	

/* =========================================================
   Firefox 153+ about:addons Sidebar Buttons
   Neue moz-page-nav Struktur
   ========================================================= */

/* =========================================
   Sidebar Buttons (alle)
========================================= */
moz-page-nav-button {
    background: #f2f1ed !important;
    color: black !important;
    border: 2px solid white !important;
	border-radius: 60px !important;
	box-shadow: inset 0 0 3px 3px #888 !important;
	width: 220px !important;
}

/* =========================================
   Hover (nur bei inaktiv sichtbar)
========================================= */
moz-page-nav-button:hover { 
    background: #a2cffe !important;
    color: brown !important;
    box-shadow: inset 0 0 3px 3px #888 !important;
}

/* aktiver Button */
button[selected] {
    color: white !important;
    background-color: #1b9e14 !important;
	box-shadow: inset 0 0 3px 3px coral !important;
	border-radius: 60px !important;
}

button[selected]:hover {
    color: white !important;
    background-color: #8A2BE2 !important;
}

/* links der blaue strich bei aktiv ausgeblendet */
button[selected] {
	--page-nav-button-indicator-color: none !important;
}

button:not([selected]) {
	background-color: transparent !important;
}

/* die Button unten (Einstellungen und Hilfe) */ 
a.moz-page-nav-link{
	background-color: transparent !important;
}	

 
/*************** ENDE ****************************/

/* die Namen der Sektionen oben links */
h1.header-name {
	font-size: 20px !important;
}	

/* Text unter den Namen aller Addons Farbe ändern (Hover) */
addon-card .addon-name .addon-name-link,
addon-card .addon-description {
   color: #542e2b !important;
}
addon-card:hover .addon-name .addon-name-link,
addon-card:hover .addon-description {
   color: blue !important;
}

/* rechte Seite das obere Feld */
#content addon-page-header#page-header div.sticky-container {
    background: linear-gradient(to bottom right, white,#acacac,#f2f3f4,#acacac, #f2f3f4,#acacac) !important;
	min-width: 1600px !important;
    max-width: 1600px !important;
	height: 70px !important;
	padding-top: 10px !important;
	padding-left: 22px !important;
	margin-left: 0px !important;
	border-bottom: 1px solid grey !important;
}

/*====== Feld "Themes verwalten" (und andere) mit Update-Message ======*/

#page-header div.sticky-container div.main-heading {
	appearance: none !important;
	min-width: 660px !important;
    max-width: 660px !important;
	height: 32px !important;
	background-color: lightgrey !important;
	border: 1px solid grey !important;
    margin-top: -44px !important;
	padding: 5px 5px 5px 10px !important;
}
#page-header div.sticky-container div.main-heading h1.header-name {
	color: #87421F !important;
}	
/* das Update-Feld darin */
#page-header div.sticky-container div.main-heading addon-updates-message#updates-message {
    border: 1px solid grey !important;
	padding: 0px 10px 0px 10px !important;
	margin-right: 6px !important;
}
#page-header div.sticky-container div.main-heading addon-updates-message#updates-message:hover {
    border: 1px solid grey !important;
	padding: 0px 10px 0px 10px !important;
	margin-right: 6px !important;
	background: #FDF4E3 !important;
}
/* die Meldungen bei Update-Suche */
#updates-message[state="updating"],
#updates-message[state="none-found"],
#updates-message[state="installed"] {
   min-width: 255px !important;
   max-width: 255px !important;
   margin-inline-end: 1px !important;
   background: #f1eaee !important;
   color: blue !important;
   font-weight: 600 !important;
}

/* Farbe des Textes in der update-message */
addon-updates-message {
    --button-text-color: #a6001a !important;
}

/* Breite des Buttons "Verfügbare Updates anzeigen" */
#updates-message[state="manual-updates-found"] {
   min-width: 265px !important;
   max-width: 265px !important;
   margin-inline-end: 1px !important;
   background: #f1eaee !important;
}

/* Text "Verfügbare Updates anzeigen" verlagert */
button#main-button span.button-background.labelled {
	margin-top: -4px !important;
}
/* bei hover */
#updates-message[state="manual-updates-found"] {     
    --button-text-color-hover: #299617 !important;
}

addon-page-header#page-header[current-view="detail"]  #updates-message[state="updating"],
addon-page-header#page-header[current-view="detail"]  #updates-message[state="none-found"],
addon-page-header#page-header[current-view="detail"]  #updates-message[state="manual-updates-found"],
addon-page-header#page-header[current-view="detail"]  #updates-message[state="installed"] {
    margin-left: 154px  !important;
}
#updates-message[state="none-found"][data-l10n-id="addon-updates-none-found"] {
    color: #409DD9 !important;
}

[data-l10n-id="addon-updates-updating"],
[data-l10n-id="addon-updates-none-found"],
[data-l10n-id="addon-updates-installed"] {
    padding: 0 !important;
    margin: 0 auto !important;
}
[data-l10n-id="addon-updates-manual-updates-found"] {
    width: calc(100% + 10px) !important;
    min-height: 26px !important;
    max-height: 26px !important;
    padding: 0 !important;
    margin: 0 !important;
}
	
/** ENDE **/	

/*===== Button mit dem Zahnrad ======*/
#page-header div.sticky-container div.main-heading div.page-options-menu {
	background-color: #f1eaee !important;
    min-width: 32px !important;
    max-width: 32px !important;
    min-height: 30px !important;
    max-height: 30px !important;
    border-radius: 0 !important;
    border: 1px solid grey !important;
    margin-left: -4px !important;
    padding-bottom: 2px !important;
}
#page-header div.sticky-container div.main-heading div.page-options-menu:hover {
   border: 1px solid brown !important;
   background-color: lightyellow !important;
}

/* Popup hinter dem Zahnrad */
div#content addon-page-options#page-options panel-list{
   border: 1px solid dodgerblue !important;
   border-width:  4px !important;
   border-style: double !important;
   border-radius:  0px !important;
   background: none !important;
   background-color: white !important;
   padding: 4px 4px 6px 4px !important;  
   margin-top: 10px !important;   
}

/* Popup hinter dem Zahnrad / Item */
#page-options > panel-list > panel-item {
   --button-background-color-hover: none !important;
   --button-background-color: none !important;
   --button-background-color-active: none !important;
   opacity: 1.0 !important;
   height: 26px !important; 
   box-shadow: none !important;
   border: 1px solid #B2B2B2 !important;
   border-width:  5px !important;
   border-style: double !important;
   background: none !important;
   background-color: lightgrey !important;
   margin: 2px 2px 0 2px !important;
}

#page-options > panel-list > panel-item[action="check-for-updates"] {
   background-color: #800 !important;
   color: #FFF !important;
}
#page-options > panel-list > panel-item[action="set-update-automatically"] {
   background-color: #217B22 !important;
   color: #FFF !important;
}
#page-options > panel-list > panel-item:hover,
#page-options > panel-list > panel-item[action="check-for-updates"]:hover,
#page-options > panel-list > panel-item[action="set-update-automatically"]:hover {
   background-color: lightyellow !important;
   fill: #000 !important;
}
button[role="menuitem"]:hover > label,
button[role="menuitem"]:hover > label > span {
   color: #000 !important;
}
panel-list[role="menu"][style="left: 722px; top: 72px;"] {
   z-index: 10000 !important;
   border-radius: 0 !important;
   border: 1px solid #B2B2B2 !important;
   padding: 0 0 2px 0 !important;
   margin: -1px auto 1px auto !important;
}
addon-page-options#page-options {
   border: 0 !important;
   padding: 0 !important;
}

/* ab Version 110 gültig / für Separatoren */
#page-options panel-list hr {
	background: #B2B2B2 !important;
    margin: 4px 0 4px 0 !important;
}

/*============ Icons für Popup-Menü vom Zahnradbutton =============*/
/* in userChromeShadow.css wird Haken bei "Add-ons automatisch aktualisieren" ausgeblendet */

/* Auf Updates überprüfen */
#page-options > panel-list > panel-item[action="check-for-updates"]::before {
   content: '';
   display: block;
   width: 16px;
   height: 16px;
   background-image: url("..//icons/Bild5.png");
   background-size: 16px 16px !important;
   margin-left: 10px;
   margin-right: -16px;
}

/* Kürzlich durchgeführte Updates anzeigen */
#page-options panel-list panel-item[action="view-recent-updates"]::before {
   content: '';
   display: block;
   width: 16px;
   height: 16px;
   background-image: url("..//icons/Bild61.png");
   background-size: 16px 16px !important;
   margin-left: 10px;
   margin-right: -16px;
}

/* Add-on aus Datei installieren */
#page-options panel-list panel-item[action="install-from-file"]::before {
   content: '';
   display: block;
   width: 16px;
   height: 16px;
   background-image: url("..//icons/Bild3.png");
   background-size: 16px 16px !important;
   margin-left: 10px;
   margin-right: -16px;
}

/* Add-ons debuggen */
#page-options panel-list panel-item[action="debug-addons"]::before {
   content: '';
   display: block;
   width: 16px;
   height: 16px;
   background-image: url("..//icons/Bild66.ico");
   background-size: 16px 16px !important;
   margin-left: 10px;
   margin-right: -16px;
}

/* Add-ons automatisch aktualisieren / aktiv */
#page-options > panel-list > panel-item[action="set-update-automatically"]::before{
   content: '';
   display: block;
   width: 16px;
   height: 16px;
   background: url("..//icons/aktiv.png");
   background-size: 18px 18px !important;
   margin-left: 10px;
   margin-right: -16px;
   margin-bottom: 3px;
}

/* Add-ons automatisch aktualisieren / inaktiv */
#page-options > panel-list > panel-item[action="set-update-automatically"]:not([checked])::before {
   content: '';
   font-size: 14px;
   padding-top: 1px !important;
   padding-bottom: 2px !important;
   display: block;
   width: 16px;
   height: 16px;
   background: url("..//icons/inaktiv.png") no-repeat !important;
   background-position: 0 2px !important;
}

/* Add-ons umstellen auf manuelle Aktualisierung */
#page-options panel-list panel-item[action="reset-update-states"]::before {
   content: '';
   display: block;
   width: 16px;
   height: 16px;
   background-image: url("..//icons/Bild64.png");
   background-size: 16px 16px !important;
   margin-left: 10px;
   margin-right: -16px;
}

/* Tastenkombinationen von Erweiterungen verwalten */
#page-options panel-list panel-item[action="manage-shortcuts"]::before {
   content: '';
   display: block;
   width: 16px;
   height: 16px;
   background-image: url("..//icons/Bild67.png");
   background-size: 16px 16px !important;
   margin-left: 10px;
   margin-right: -16px;
}

/** ENDE **/

/*====== Zurück-Button (back-button) ======*/
addon-page-header[type="detail"] .main-heading .back-button {
	background-color: #f1eaee !important;
    min-width: 32px !important;
    max-width: 32px !important;
    min-height: 30px !important;
    max-height: 30px !important;
    border-radius: 0 !important;
    fill: transparent !important;
    margin: 0px 0  0 -4px  !important;
    border: 1px solid grey !important;
    padding-bottom: 1px !important;
}
addon-page-header[type="detail"] .main-heading .back-button:hover {
    background-color: #f2ff7f !important;
    border: 1px solid brown !important;
}

/*==== Feld "Weitere Add-ons finden" ====*/
#page-header div.sticky-container div.main-search {
    appearance: none !important;
    background-color: lightgrey !important;
	height: 32px !important;
    min-width: 550px !important;
    max-width: 550px !important;
    border: 1px solid grey !important;
    padding: 5px 5px 5px 0px !important;
    margin-top: 15px !important;
    margin-left: 770px !important;
}
/* das Suchfeld */
div.content-wrapper input#input {
	background-color: #f4f6ec !important;
}
/* Text vor Suchfeld */	
#page-header div.sticky-container div.main-search label.search-label {
    color: #87421F !important;
	font-weight: 600 !important;
}

/* Button mit der Lupe bei Suche */
#page-header div.sticky-container div.main-search search-addons moz-button {
	background-color: #f1eaee !important;
	min-width: 30px !important;
    max-width: 30px !important;
    min-height: 30px !important;
    max-height: 30px !important;
	border: 1px solid grey !important;
} 
#page-header div.sticky-container div.main-search search-addons moz-button:hover {
    background-color: #f2ff7f !important;
    border: 1px solid brown !important;
}

/* das Icon bei Zahnrad / Drei-Punkte-Button / Zurück / Suche */
button#main-button span.button-background img {
	fill: green !important;
}
button#main-button span.button-background:hover img {
	fill: red !important;
}		

/*============= Container rechte Seite =============*/

/* rechte Seite für alle Container */
div#content div#main {
	min-width: 1200px !important;
	margin-inline-start: 200px !important;
}

/* der graue Hintergrund aller Sektionen */
div#content div#main recommended-themes-section,
div#content div#main discovery-pane,
section[section="0"] {
   border: 2px solid #2F2F36 !important;
   background-color: grey !important;
   margin-top: 5px !important;
   padding: 6px 10px 6px 10px !important;
}

/* bei "Empfohlene Erweiterungen" und "Empfohlene Themes" */
div#content div#main recommended-extensions-section,
div#content div#main recommended-themes-section {
   border: 2px solid #2F2F36 !important;
   background-color: grey !important;
   margin-top: 5px !important;
   padding: 0px 10px 6px 10px !important;
}

section[section="1"] {
   border: 2px solid #2F2F36 !important;
   background-color: grey !important;
   margin-top: 15px !important;
   padding: 2px 10px 4px 10px !important;
}

/* unter Deaktiviert bei Plugin, Sprachen u. Wörterbücher keine Border */
#main addon-list section.mlmodel-disabled-section,  /* KI-Modelle */
addon-list[type="locale"] section[section="1"],
addon-list[type="plugin"] section[section="1"],
addon-list[type="dictionary"] section[section="1"] {
   background-color: transparent !important;	
   box-shadow: none !important;
   border-radius: 0 !important;
   border: transparent !important;
}

/* Anpassung der Container */
div#content div#main recommended-themes-section recommended-addon-list recommended-addon-card div.card.addon,
div#content div#main recommended-extensions-section recommended-addon-list recommended-addon-card div.card.addon,
recommended-addon-card > moz-card.card.addon,
div#content div#main addon-list addon-card .card {
	background-color: #e9e9ed !important;
	border: 1px solid grey !important;
	border-width:  6px !important;
    border-style: double !important;
	border-radius: 0 !important;
	margin-bottom: 5px !important;
	padding: 5px !important;
}

/* Container bei Hover */
div#content div#main recommended-themes-section recommended-addon-list recommended-addon-card div.card.addon:hover,
div#content div#main recommended-extensions-section recommended-addon-list recommended-addon-card div.card.addon:hover,
recommended-addon-card > moz-card.card.addon:hover,
div#content div#main addon-list addon-card .card:hover {
    background-color: #ebe8a4 !important;
    border: 1px solid green !important;
	border-width:  6px !important;
    border-style: double !important;
	border-radius: 0 !important;
	box-shadow: 0 0 3px 3px #cb00f5 !important;
}

/* bei Überschrift "Aktiviert" der Hintergrund */
section[section="0"] h2.list-section-heading {
    background-color: #64BF15 !important;
    border: 1px solid #403d21 !important;
    padding: 5px 0 5px 15px !important;
    margin: 5px 0 1px 0 !important;
}

/* bei Überschrift "Gespeicherte Themes" und "Deaktiviert" der Hintergrund */
section[section="1"] h2.list-section-heading {
    background-color: #A6E7FF !important;
	border: 1px solid #403d21 !important;
    padding: 5px 0 5px 15px !important;
    margin: 8px 0 1px 0 !important;
}

/* bei Überschrift "Empfohlene Erweiterungen" und "Empfohlene Themes" der Hintergrund */
div#main recommended-themes-section h2.header-name.recommended-heading,
div#main recommended-extensions-section h2.header-name.recommended-heading {
    background-color: #50BFE6 !important;
    border: 1px solid #403d21 !important;
    padding: 5px 0 5px 15px !important;
    margin: 15px 0 1px 0 !important;
}

/* das Bild bei Themes mit Border */
addon-card moz-card.card.addon theme-preview img.card-heading-image {
	border: 1px solid #403d21 !important;
	border-radius: 6px !important;
	min-width: 880px !important;
    max-width: 880px !important;
	margin-bottom: 5px !important;
}

/* Border über dem Namen bei Themes */
div#main addon-list section.theme-disabled-section addon-card div.card.addon div.addon-card-collapsed div.card-contents div.addon-name-container,
div#main addon-list section.theme-enabled-section addon-card div.card.addon div.addon-card-collapsed div.card-contents{
    padding-top: 8px !important; 
}
addon-list[type="theme"] section[section="0"] addon-card .card .card-contents, 
addon-list[type="theme"] section[section="1"] addon-card .card .card-contents {
    border-top: 2px solid green !important;
    margin-top: -10px !important; 
    margin-left: -20px !important;
    margin-right: -20px !important;
    padding-left: 20px !important;
    padding-right: 10px !important;
}
addon-card moz-card.card.addon div.addon-card-collapsed div.card-contents div.addon-name-container {
	margin-top: 5px !important;
}	

/* Name und Versions-Nr. der Add-ons wird angezeigt */
div:not([current-view="updates"]) .addon-name-link[title]::after, div:not([current-view="updates"]) .addon-name[title]::after {
   display: block !important;
   content: attr(title) !important;
   margin-top: -22px !important; /* ganz wichtig */
   color: #6F2DA8 !important;
}

/* Beschreibungstext unter dem Namen rechts Ausdehnung begrenzt */
addon-card moz-card.card.addon div.addon-card-collapsed div.card-contents span.addon-description {	
    max-width: 950px !important;
    margin-left: 20px !important;
}

/* bei Empfehlungen oben das Textfeld / und der Link darin */
div#main discovery-pane header p {
	background-color: #B4B8B0 !important;
	border: 1px solid gainsboro !important;
	border-width:  6px !important;
    border-style: double !important;
	border-radius: 0 !important;
	padding: 10px 0 10px 15px !important;
}
div#main discovery-pane header p span a.discopane-intro-learn-more-link {
    color: white !important;
    font-weight: 600 !important;
}
div#main discovery-pane header p span a.discopane-intro-learn-more-link:hover {
    color: magenta !important;
    font-weight: 600 !important;
}

/* bei Empfehlungen und Erweiterungen unten der Button "Datenschutzrichtlinie" */
#main discovery-pane footer.view-footer div.view-footer-item {
	margin-top: 0px !important;
	padding: 20px 0px 25px 0px !important;
}
#main recommended-extensions-section footer.view-footer div.view-footer-item {
	margin-top: 0px !important;
	padding: 20px 0px 15px 0px !important;
}
#main recommended-extensions-section footer.view-footer div.view-footer-item a.privacy-policy-link,
#main discovery-pane footer.view-footer div.view-footer-item a.privacy-policy-link{
    background: #F0F0F0 url("..//icons/Bild1.png") no-repeat !important;
    background-position: 6px 6px !important;	
    border: 1px solid grey !important;
    border-width:  3px !important;
    border-style: double !important;
    padding: 4px 15px 6px 40px !important;
}
#main recommended-extensions-section footer.view-footer div.view-footer-item a.privacy-policy-link:hover,  
#main discovery-pane footer.view-footer div.view-footer-item a.privacy-policy-link:hover{
    background: lightblue url("..//icons/Bild1.png") no-repeat !important;
    color: crimson !important;
    background-position: 6px 6px !important;
    border: 1px solid coral !important;
    border-width:  3px !important;
    border-style: double !important;
    padding: 4px 15px 6px 40px !important;
}

/* Bei Empfehlungen die Button "Theme installieren" und "Zu Firefox hinzufügen" */
#main discovery-pane recommended-addon-list recommended-addon-card moz-card.card.addon div.addon-card-collapsed div.card-contents div.addon-name-container button.disco-cta-button {
	background-color: #f5f5dc !important;
}	
#main discovery-pane recommended-addon-list recommended-addon-card moz-card.card.addon div.addon-card-collapsed div.card-contents div.addon-name-container button.disco-cta-button:hover {
	background-color: #89cff0 !important;
}

/* Bei Erweiterungen die Button "Zu Firefox hinzufügen" */
#main recommended-extensions-section recommended-addon-list recommended-addon-card moz-card.card.addon div.addon-card-collapsed div.card-contents div.addon-name-container button.disco-cta-button {
	background-color: #f5f5dc !important;
}	
#main recommended-extensions-section recommended-addon-list recommended-addon-card moz-card.card.addon div.addon-card-collapsed div.card-contents div.addon-name-container button.disco-cta-button:hover {
	background-color: #89cff0 !important;
}

/* Bei Themes die Button "Theme installieren" */
#main recommended-themes-section recommended-addon-list recommended-addon-card moz-card.card.addon div.addon-card-collapsed div.card-contents div.addon-name-container button.disco-cta-button {
	background-color: #f5f5dc !important;
}	
#main recommended-themes-section recommended-addon-list recommended-addon-card moz-card.card.addon div.addon-card-collapsed div.card-contents div.addon-name-container button.disco-cta-button:hover {
	background-color: #89cff0 !important;
}

/* bei Empfehlungen, Themes und Erweiterungen ganz unten der letzte Container */
moz-card:has(.promo-layout) {
    background-color: #e8e8e8 !important;
    border: 5px double grey !important;
}

/* bei Empfehlungen unten links der Button mit dem Link */
moz-button[data-l10n-id="find-more-addons-promo-open-amo-button"] {
    background-color: gainsboro !important;
	border: 1px solid grey !important;
	border-radius: 25px !important;
	padding: 2px 15px 0px 15px !important;
}
moz-button[data-l10n-id="find-more-addons-promo-open-amo-button"]:hover {
	background-color: #fad6a5 !important;
	border: 1px solid grey !important;
}	

/* bei Erweiterungen unten links der Button mit dem Link */
moz-button[data-l10n-id="find-more-extensions-promo-open-amo-button"] {
    background-color: gainsboro !important;
	border: 1px solid grey !important;
	border-radius: 25px !important;
	padding: 2px 15px 0px 15px !important;
}
moz-button[data-l10n-id="find-more-extensions-promo-open-amo-button"]:hover {
	background-color: #fad6a5 !important;
	border: 1px solid grey !important;
}

/* bei Themes unten links der Button mit dem Link */
moz-button[data-l10n-id="find-more-themes-promo-open-amo-button"] {
    background-color: gainsboro !important;
	border: 1px solid grey !important;
	border-radius: 25px !important;
	padding: 2px 15px 0px 15px !important;
}
moz-button[data-l10n-id="find-more-themes-promo-open-amo-button"]:hover {
	background-color: #fad6a5 !important;
	border: 1px solid grey !important;
}		

/*===== Button Aktivieren und Deaktivieren bei Themes =====*/

/* ersten überlagernden Button Aktivieren und Deaktivieren ausgeblendet (bei Themes) */
button#main-button span.button-background {
    border-radius: 0 !important;
	border: unset !important;
	background: unset !important;
}

/* Button Deaktivieren bei Themes */
[data-l10n-id="disable-addon-button"] {
   max-width: 100px !important;	
   min-width: 100px !important;
   background-color: #48A43F !important;
   --button-text-color: #000 !important;
   --button-border: transparent !important;
   border: 1px solid grey !important;
   margin-bottom: -2px !important;
   margin-right: -4px !important;
}
[data-l10n-id="disable-addon-button"]:hover {
   background-color: #FA842B !important;
   border: 1px solid brown !important;
}

/* Button Aktivieren bei Themes */
[data-l10n-id="enable-addon-button"] {
   background-color: #FA842B !important;
   --button-text-color: #000 !important;
   --button-border: transparent !important;
   border: 1px solid grey !important;
   margin-bottom: -2px !important;
   margin-right: -4px !important;
}
[data-l10n-id="enable-addon-button"]:hover {
   background-color: #d4fe62 !important;
   border: 1px solid brown !important;
} 

/** ENDE **/

/* bei Geräteinterne KI der Text oben */
[data-l10n-id="mlmodel-description"] {
	background-color: #E9E5CE !important;
	border: 1px solid grey !important;
	border-width:  6px !important;
    border-style: double !important;
	border-radius: 0 !important;
	padding: 6px 5px 6px 15px !important;
	color: #594d45 !important;
} 

/* die Felder mit der MB-Angabe */
span.mlmodel-total-size-bubble {
	background-color: #d1d2bf !important;
	border: 1px solid grey !important;
}
span.mlmodel-total-size-bubble:hover {
	background-color: #f3e7d4 !important;
	border: 1px solid grey !important;
}		

/*===== Toggle-Button bei Erweiterungen =====*/

/* aktivierte Erw. Button HG */
#input.toggle-button[aria-pressed="true"] {
	background-color: green !important;	
    margin: 2px 3px 0 0 !important;
	border: 1px solid #000 !important;
}

/* aktivierte Erw. Button HG bei Hover */
#input.toggle-button[aria-pressed="true"]:enabled:hover {
    background-color: red !important;
    border: 1px solid #000 !important;
}

/* deaktivierte Erw. Button HG */ 
#input.toggle-button[aria-pressed="false"] {
    background-color: transparent !important;
	margin: 1px 3px 0 0 !important;
}

/* deaktivierte Erw. Button bei Hover HG */
#input.toggle-button:enabled:hover {
    background-color: lightgreen !important;
}

/** ENDE **/

/*==== More-Options-Button (Drei-Punkte-Button) ====*/

addon-card .more-options-button {
   	background-color: #CCF2FF !important;
	border: 1px solid grey !important;
	min-height: 24px !important;
	max-height: 24px !important;
	min-width: 24px !important;
	max-width: 24px !important;
	margin-inline-end: 3px !important;
	margin-top: 1px !important;
} 
addon-card .more-options-button:hover,
addon-card .more-options-button:focus-visible {
    outline: none !important;
    border: 1px solid brown !important;
    background-color: greenyellow !important;
}

/*== Popup des Drei-Punkte-Button ==*/

/* Anpassungen des Popup-Menüs */
addon-options > panel-list[role="menu"],
plugin-options > panel-list[role="menu"] {
   border-radius: 0 !important;
   border: 1px solid dodgerblue !important;
   border-width:  4px !important;
   border-style: double !important;
   background-color: #eeffee !important;
   margin-top: -1px !important;
   padding: 4px 4px 6px 4px !important;
}

/* Anpassungen der Items (Button) */
addon-options > panel-list > panel-item,
plugin-options > panel-list > panel-item {
   --in-content-button-background: none !important;
   --in-content-button-background-hover: none !important;
   --in-content-button-background-active: none !important;
   opacity: 1.0 !important;
   height: 26px !important;
   box-shadow: none !important;
   border: 1px solid grey !important;
   background-color: #b2beb5 !important;
   margin: 2px 2px 0 2px !important;
}
/* einige Items mit anderer Farbe als HG */
addon-options > panel-list > panel-item[action="remove"] {
   background-color: #800 !important;
   color: #FFF !important;
}
addon-options > panel-list > panel-item[action="expand"],
plugin-options > panel-list > panel-item[action="manage-addon-button"] {
   background-color: #804628 !important;
   color: #FFF !important;
}
addon-options > panel-list > panel-item[action="preferences"] {
   background-color: #217B22 !important;
   color: #FFF !important;
}
addon-options > panel-list > panel-item:hover,
addon-options > panel-list > panel-item[action="preferences"]:hover,
addon-options > panel-list > panel-item[action="remove"]:hover,
addon-options > panel-list > panel-item[action="expand"]:hover,
plugin-options > panel-list > panel-item:hover,
plugin-options > panel-list > panel-item[action="manage-addon-button"]:hover {
   fill: #000 !important;
   background-color: #f0ffff !important;
   color: #000 !important;
}

/* ab Version 110 die Separatoren (Menü hinter den drei Punkten) */
div#main addon-list section.plugin-enabled-section addon-card div.card.addon plugin-options panel-list hr,
addon-options panel-list hr,
plugin-options panel-list hr {
   background: grey !important;
   margin: 2px 0 2px 0 !important;
}

/*============ Icons für Popup-Menü vom Drei-Punkte-Button =============*/
/* in userChromeShadow.css werden die originalen Icons ausgeblendet */

/* Entfernen */
addon-options > panel-list > panel-item[action="remove"]::before {
   content: '';
   display: block;
   width: 16px;
   height: 16px;
   background: url("file:///C:/FoxIcons/0035.gif") no-repeat !important;
   background-position: 5px 0px !important;
   background-size: 16px 16px !important;
   padding-left: 10px !important;
   padding-right: 10px !important;
   margin-left: 6px;
   margin-right: -32px;
}

/* Einstellungen */
addon-options > panel-list > panel-item[action="preferences"]::before {
   content: '';
   display: block;
   width: 16px;
   height: 16px;
   background: url("file:///C:/FoxIcons/0036.png") no-repeat !important;
   background-position: 5px 0px !important;
   background-size: 16px 16px !important;
   padding-left: 10px !important;
   padding-right: 10px !important;
   margin-left: 6px;
   margin-right: -32px;
}

/* Melden */
addon-options > panel-list > panel-item[action="report"]::before {
   content: '';
   display: block;
   width: 16px;
   height: 16px;
   background: url("file:///C:/FoxIcons/0037.png") no-repeat !important;
   background-position: 5px 0px !important;
   background-size: 16px 16px !important;
   padding-left: 10px !important;
   padding-right: 10px !important;
   margin-left: 6px;
   margin-right: -32px;
}

/* Verwalten */
addon-options > panel-list > panel-item[action="expand"]::before {
   content: '';
   display: block;
   width: 16px;
   height: 16px;
   background: url("file:///C:/FoxIcons/0038.png") no-repeat !important;
   background-position: 5px 0px !important;
   background-size: 16px 16px !important;
   padding-left: 10px !important;
   padding-right: 10px !important;
   margin-left: 6px;
   margin-right: -32px;
}

/* Aktualisieren */
addon-options > panel-list > panel-item[action="install-update"]::before {
   content: '';
   display: block;
   width: 16px;
   height: 16px;
   background: url("file:///C:/FoxIcons/0130.png") no-repeat !important;
   background-position: 5px 0px !important;
   background-size: 16px 16px !important;
   padding-left: 10px !important;
   padding-right: 10px !important;
   margin-left: 6px;
   margin-right: -32px;
}

addon-options > panel-list > panel-item[action="install-update"]{
	 background-image: none !important;
}	

/*=== bei Plugins ===*/

/* Immer aktivieren */
plugin-options > panel-list > panel-item[action="always-activate"]::before {
   margin-right: -21px !important; 
   margin-left: 5px !important;
   content: '' !important;
   display: block !important;
   width: 19px !important;
   height: 15px !important;
   background: url("..//icons/aktiv.png") no-repeat !important;
   background-position: 2px 0px !important;
   background-size: 17px 17px !important;
}

plugin-options > panel-list > panel-item[action="always-activate"]:not([checked])::before {
   margin-right: -21px !important; 
   margin-left: 5px !important;
   content: '' !important;
   display: block !important;
   width: 19px !important;
   height: 15px !important;
   background: url("..//icons/inaktiv.png") no-repeat !important;
   background-position: 2px 0px !important;
   background-size: 16px 16px !important;
}

/* Nie aktivieren */
plugin-options > panel-list > panel-item[action="never-activate"]::before {
   margin-right: -21px !important; 
   margin-left: 5px !important;
   content: '' !important;
   display: block !important;
   width: 19px !important;
   height: 15px !important;
   background: url("..//icons/aktiv.png") no-repeat !important;
   background-position: 2px 0px !important;
   background-size: 17px 17px !important;
}

plugin-options > panel-list > panel-item[action="never-activate"]:not([checked])::before {
   margin-right: -21px !important; 
   margin-left: 5px !important;
   content: '' !important;
   display: block !important;
   width: 19px !important;
   height: 15px !important;
   background: url("..//icons/inaktiv.png") no-repeat !important;
   background-position: 2px 0px !important;
   background-size: 16px 16px !important;
}

/* Verwalten */
plugin-options > panel-list > panel-item[action="expand"]::before {
   margin-right: -21px !important; 
   margin-left: 6px !important;
   content: '' !important;
   display: block !important;
   width: 19px !important;
   height: 15px !important;
   background: url("file:///C:/FoxIcons/0038.png") no-repeat !important;
   background-position: 2px 0px !important;
   background-size: 16px 16px !important;
}

/** ENDE **/

/*===== unter Verwalten die Popup-Fenster =====*/

/* Popup unter Verwalten */
div[current-view="detail"] .card {
   background-color: lightgrey !important;
   border-radius: 8px !important;
   border: 1px solid grey !important;
   border-width:  6px !important;
   border-style: double !important;
   margin-bottom: 0 !important;
   padding-top: 10px !important;
}
div[current-view="detail"] .card:hover {
   background-color: #f8f8ff !important;
}	

/* Button unter Verwalten bei Erweiterungen */
button-group.tab-group > button {
   border: 1px solid #B2B2B2 !important;
   background-color: #0060DF !important;
   color: #FFF !important;
   margin: 3px 3px 3px 0px !important;
}

/* der aktive Button */
button-group.tab-group > button[selected=""] {
   border-top: 1px solid #B2B2B2 !important;
   background-color: #217B22 !important;
   color: #FFF !important;
   box-shadow: none !important;
}
button-group.tab-group > button:hover,
button-group.tab-group > button[selected=""]:hover {
   border-top: 1px solid #B2B2B2 !important;
   background-color: #D1E2F2 !important;
   color: #000 !important;
   margin: 3px 3px 3px 0px !important;
}

/* Button "Details" */
button#details-deck-button-details {
   padding: 3px 8px 4px 8px !important;
   max-width: 120px !important;
   min-width: 120px !important;
   border-radius: 0 !important;
}

/* Button "Einstellungen" */
button#details-deck-button-preferences {
   padding: 3px 8px 4px 8px !important;
   max-width: 140px !important;
   min-width: 140px !important;
   border-radius: 0 !important;
}

/* Button "Berechtigungen und Daten" */
button#details-deck-button-permissions {
   padding: 3px 8px 4px 8px !important;
   max-width: 200px !important;
   min-width: 200px !important;
   border-radius: 0 !important;
}

/* Button "Versionshinweise" */
button#details-deck-button-release-notes {
   padding: 3px 8px 4px 8px !important;
   max-width: 150px !important;
   min-width: 150px !important;
   border-radius: 0 !important;
}

/* Button "Unterstützen" */
#details-deck section div.addon-detail-contribute button.addon-detail-contribute-button {
    background-color: lightblue !important;
}
/* bei Hover */
#details-deck section div.addon-detail-contribute button.addon-detail-contribute-button:hover {
    background-color: #CB8D73 !important;
}

/* Links bei Hover andere Farbe (magenta) */
#details-deck section div.addon-detail-row.addon-detail-row-homepage a:hover,
#details-deck section div.addon-detail-row.addon-detail-row-updates div.addon-detail-actions button.button-link:hover,
#details-deck section div.addon-detail-row.addon-detail-help-row a:hover {
	color: magenta !important;
}

/* bei Themes das Image */
div#main addon-card moz-card.card.addon theme-preview img.card-heading-image {
	margin-left: 5px !important;
}	
/** ENDE **/
}

Alles anzeigen

Anzeige unter about:addons in Nightly verändert

Ähnliche Themen

Nur die Anzeige der Ordner/Lesezeichenanzahl in einer anderen Farbe darstellen

Konfiguration von Thunderbird, per Enterprise Policy policies.json

about:addons mit einigen Fehlern in 150.0 Nightly

Suchfeld hellblau und leert sich nicht mehr, Scriptfehler?

Der Inhalt eines PDF-Anhanges lässt sich seit heute weder herunterladen noch anzeigen

Firefox v141.0 UndoCloseTabButton.uc.js Skript funktioniert nicht mehr