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! 😀

Anzeige unter about:addons in Nightly verändert

Beitrag von edvoldi (21. Juni 2026 um 11:51)

Ähnliche Themen

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

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