TB AddonManager anpassen

Mapenzi

Hallo Boersenfeger,

Zitat von Boersenfeger

So soll es aussehen....

Und so sieht es bei mir aus:

Meines Wissens habe ich nichts geändert gegenüber TB 60 was diese Anzeige betrifft, weder in userChrome.css noch im Ordner "chrome". Hast du die drei Dateien in CSSWeb?

edvoldi

genauso sieht es bei mir auch aus.

Boersenfeger

edvoldi Die verwendete TB-Version siehst du in meiner Signatur... die Frage nach dem AddonsManager verstehe ich nicht...

Mapenzi Ich nutze das Script UserCSSLoader.uc.js von Griever in einer Bearbeitung von Bege

RE: Brauche Hilfe beim Anpassen des Skripts UserCSSLoader für Firefox an Thunderbird

Ich habe also nur einen Ordner CSS im chrome-Ordner. In diesem sind alle css.-Codes gespeichert, u.a. auch der, den ich in Beitrag 19 komplett gepostet habe.. Es werden durch das Script auch alle Codes geladen nur halt im AddonsManager fehlen die Nummerierung sowie die Version der Erweiterungen. Welche Dateien meinst du denn?

Vielleicht postet ihr mal euren Code.. oder wird dafür etwa gar keiner benutzt?

Mapenzi

Zitat von Boersenfeger

Ich habe also nur einen Ordner CSS im chrome-Ordner. In diesem sind alle css.-Codes gespeichert,

Verstehe ich nicht. Ich habe im Ordner "chrome" u. a. eine Datei userChrome.css, in der meine 140 CSS-Code gespeichert sind und eine Datei userContent.css.

Zitat von Boersenfeger

Welche Dateien meinst du denn?

Ich habe außerdem, wie in meinem Screenshot sichtbar, einen Ordner CSSWeb, in dem sich die folgenden drei Dateien befinden:

• addonlists_show_addon_date_last_updated.css

• addonlists_show_addon_version_number.css

• addonlists_show_addon_version_number.xml

Wo ich diese drei Dateien gefunden habe, daran kann ich mich nicht mehr im einzelnen erinnern, kann sein, dass es in deinem "Heimat-Forum" war

Wenn du willst, kann ich diese Dateien hier hochladen.

Boersenfeger

Zitat von Mapenzi

Wenn du willst, kann ich diese Dateien hier hochladen.

Gerne... mein Ordner Chrome und CSS sehen so aus:

Die 3 Dateien stammen imho von Aris... ich habe aber den AM-Code aus dem FF-Forum übernommen, nur funktioniert er halt nicht in Gänze im TB..

Mapenzi

Hier die drei Dateien (gezippt), die bei mir im Unterordner CSSWeb liegen

addonlists_show_addon_date_last_updated.css.zip

addonlists_show_addon_version_number.css.zip

addonlists_show_addon_version_number.xml.zip

Boersenfeger

Ich habe die Dateien entpackt und in meinen Ordner CSS kopiert. Nun siehts schick aus.

Dann werde ich aus dem Code mal die entsprechenden Zeilen löschen..

Vielen Dank!

Mapenzi

Zitat von Boersenfeger

Nun siehts schick aus.

Na siehste!!

Dein Ordner "CSS" entspricht offenbar meinem Ordner "CSSWeb". Dei unterschiedlichen Bezeichnungen scheinen kleinen Einfluss auf die Wirksamkeit des Inhalts zu haben.

Boersenfeger

Du bindest deine Css-Codes halt anders ein. Egal, vielen Dank nochmal..

edvoldi

Na dann ist ja alles geklärt, bin zur Zeit stark in Verein eingespannt, neues Netzwerk und neue Verbindungen, da haste viel zu tun.

Gruß
EDV-Oldi

Boersenfeger

Alles gut, danke und viel Spaß.

Boersenfeger

So, nach dem UpDate auf TB 78.2.2 haben sich einige Probleme aufgetan:

Im AddonManager werkelt dieses Skript

CSS

/* TB Manager angepasst */

    #threadCols .treecol-text {

    font-weight: bold !important; }

/*  Hintergrund der Button auf der rechten Seite */

    addon-list addon-card:not([expanded="true"]) panel-list * {
      background: antiquewhite !important;
      color: black !important;
      font-weight: bold !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:-moz-any([href$="panel-item.css"],[href$="panel-list.css"]) ~ button {
      width: unset !important;
      padding: 6px 20px !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;
    }
    
/*  Restore Buttons */
    
    addon-list .more-options-menu :-moz-any(addon-options,plugin-options) panel-list {
      position: relative !important;
      display: block !important;
      overflow: hidden !important;
      margin-top: -25px;
      box-shadow: unset !important;
      background: unset !important;
      border: unset !important;
      box-shadow: unset !important;
      min-width: unset !important;
      width: unset !important;
      
    }

    div.arrow.top + div.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:-moz-any([href$="panel-item.css"],[href$="panel-list.css"]) ~ button::after,
    :-moz-any(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:-moz-any([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 {
      position: absolute !important;
      display: block !important;
      overflow: hidden !important;
      box-shadow: none !important;
      background: unset !important;
      border: none !important;
      box-shadow: unset !important;
      min-width: unset !important;
      width: unset !important;
      left: unset !important;
      top: unset !important;
      right: 45px !important; /* Abstand der Button bei Erweiterungen vom rechten Rand */
      bottom: unset !important;
    }

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

/*  Höhe der Container */
    
    addon-list[type="extension"]{ --card-padding: 15px }
    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:-moz-any([type="theme"],[type="plugin"],[type="dictionary"]) addon-card:not([expanded="true"]) panel-list {
      right: 55px !important; 
    }

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

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

/*  Breite der Elemente anpassen */

    addon-list addon-card > .addon.card
    {
        width: 70vw !important;    
        addon-card[expanded] >.addon.card    
        width: 70vw !important;
    }

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

    input[type="checkbox"].toggle-button {
      margin-right: 430px !important; /* blauer Button -Deaktivieren/Aktivieren- Abstand vom rechten Rand */
    }
       

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

    #categories > .category:not([disabled]){
      background-color: gainsboro !important;/*Hintergrundfarbe vom Button*/
      margin-top: 1px !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;      
    }

/*  Hintergrund bei Hover auf das Zahnrad-Symbol ausblenden */
    
    button:-moz-focusring {
    box-shadow: none !important;
    outline: 0px dotted !important;
    outline-offset: 0px !important;
    }    
    button:focus,
    button:enabled:hover {
    background-color: blue !important;
    border-radius: 15px !important;
    color: white ! important;
    box-shadow: inset 0 0 5px 5px lightgrey;
    }
         
/*  Optionen-Button */

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

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

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

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

    #header-inner,
    .sidebar-footer-button,
    .message-bar    {
    display:none!important;
    }
    
/*  Kategorien in abgerundeten Buttons */

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

/*  Add-ons entdecken entfernt */

    #category-discover{
    display:none!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;
    }

/*  Addons-Verwaltung: Hintergrundfarben und vom Container für about:preferences */

     #nav-header,
    #category-box {
    background-color:darkkhaki!important;
    }
    #discover-view,
    #view-port,
    #react-view {
    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;
    }
    }

/* Einstellungenfenster verbreitern */
    
    @-moz-document url-prefix(about:preferences){
    .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(4) > 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(4) > panel-list:nth-child(1) > panel-item:nth-child(1) {
    display: none !important;
    }    
    
/*    Ausblenden der Suchleiste, Empfehlungen und Thunderbird Optionen */

    #header-inner,
    .sidebar-footer-button,
    .message-bar,    
    #header-search,
    #tb-legacy-extensions-notice,
    #search-label, 
    #category-discover     {
    display:none!important;
    }

Alles anzeigen

Ergibt dies: Ich habe markiert was geändert werden soll. Wie gehe ich das an?

edvoldi

Hallo Boersenfeger,
bitte einmal testen.

CSS

/* TB Manager angepasst */

    #threadCols .treecol-text {

    font-weight: bold !important; }

/*  Hintergrund der Button auf der rechten Seite */

    addon-list addon-card:not([expanded="true"]) panel-list * {
      background: antiquewhite !important;
      color: black !important;
      font-weight: bold !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:-moz-any([href$="panel-item.css"],[href$="panel-list.css"]) ~ button {
      width: unset !important;
      padding: 6px 20px !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;
    }
    
/*  Restore Buttons */
    
    addon-list .more-options-menu :-moz-any(addon-options,plugin-options) panel-list {
      position: relative !important;
      display: block !important;
      overflow: hidden !important;
      margin-top: -25px;
      box-shadow: unset !important;
      background: unset !important;
      border: unset !important;
      box-shadow: unset !important;
      min-width: unset !important;
      width: unset !important;
      
    }

    div.arrow.top + div.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:-moz-any([href$="panel-item.css"],[href$="panel-list.css"]) ~ button::after,
    :-moz-any(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:-moz-any([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 {
      position: absolute !important;
      display: block !important;
      overflow: hidden !important;
      box-shadow: none !important;
      background: unset !important;
      border: none !important;
      box-shadow: unset !important;
      min-width: unset !important;
      width: unset !important;
      left: unset !important;
      top: unset !important;
      right: 65px !important; /* Abstand der Button bei Erweiterungen vom rechten Rand */
      bottom: unset !important;
    }

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

/*  Höhe der Container */
    
    addon-list[type="extension"]{ --card-padding: 15px }
    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:-moz-any([type="theme"],[type="plugin"],[type="dictionary"]) addon-card:not([expanded="true"]) panel-list {
    right: 55px !important; 
    }

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

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

/*  Breite der Elemente anpassen */

    addon-list addon-card > .addon.card
    {
        width: 70vw !important;    
        addon-card[expanded] >.addon.card    
        width: 70vw !important;
    }

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

    input[type="checkbox"].toggle-button {
      margin-right: 430px !important; /* blauer Button -Deaktivieren/Aktivieren- Abstand vom rechten Rand */
    }
       

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

    #categories > .category:not([disabled]){
      background-color: gainsboro !important;/*Hintergrundfarbe vom Button*/
      margin-top: 1px !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;      
    }

/*  Hintergrund bei Hover auf das Zahnrad-Symbol ausblenden */
    
    button:-moz-focusring {
    box-shadow: none !important;
    outline: 0px dotted !important;
    outline-offset: 0px !important;
    }    
    button:focus,
    button:enabled:hover {
    background-color: blue !important;
    border-radius: 15px !important;
    color: white ! important;
    box-shadow: inset 0 0 5px 5px lightgrey;
    }
         
/*  Optionen-Button */

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

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

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

    .category[is="discover-button"] {
    display: none !important;
    }
    
/*  Ausblenden TB Optionen */

    #header-inner,
    .sidebar-footer-button,
    .message-bar    {
    display:none!important;
    }
    
/*  Kategorien in abgerundeten Buttons */

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

/*  Add-ons entdecken entfernt */

    #category-discover{
    display:none!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;
    }

/*  Addons-Verwaltung: Hintergrundfarben und vom Container für about:preferences */

     #nav-header,
    #category-box {
    background-color:darkkhaki!important;
    }
    #discover-view,
    #view-port,
    #react-view {
    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;
    }
    }

/* Einstellungenfenster verbreitern */
    
    @-moz-document url-prefix(about:preferences){
    .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(4) > 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(4) > panel-list:nth-child(1) > panel-item:nth-child(1) {
    display: none !important;
    }    
    
/*    Ausblenden der Suchleiste, Empfehlungen und Thunderbird Optionen */

    #header-inner,
    .sidebar-footer-button,
    .message-bar,    
    #header-search,
    #tb-legacy-extensions-notice,
    #search-label, 
    #category-discover     {
    display:none!important;
    }

Alles anzeigen

Gruß
EDV-Oldi

Boersenfeger

Prima, die Empfehlungen sind weg, aber die Buttons "Entfernen und Verwalten" sind immer noch Out of the Range und unten tauchen noch die TB-Einstellungen auf, die vom Code für die Buttons oben nicht mit erfasst werden, das hatte ich oben noch gar nicht nachgefragt...

edvoldi

Zitat von Boersenfeger

aber die Buttons "Entfernen und Verwalten" sind immer noch Out of the Range

dann musst Du denn Wert in der Zeile 131 noch mehr erhöhen, der alte Wert war 45.

Zitat von Boersenfeger

und unten tauchen noch die TB-Einstellungen auf, die vom Code für die Buttons oben nicht mit erfasst werden, das hatte ich oben noch gar nicht nachgefragt...

CSS

right: 65px !important; /* Abstand der Button bei Erweiterungen vom rechten Rand */

Gruß
EDV-Oldi

edvoldi

Zitat von Boersenfeger

unten tauchen noch die TB-Einstellungen auf, die vom Code für die Buttons oben nicht mit erfasst werden, das hatte ich oben noch gar nicht nachgefragt...

Meinst Du das so?

CSS

/* TB Manager angepasst */

    #threadCols .treecol-text {

    font-weight: bold !important; }

/*  Hintergrund der Button auf der rechten Seite */

    addon-list addon-card:not([expanded="true"]) panel-list * {
      background: antiquewhite !important;
      color: black !important;
      font-weight: bold !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:-moz-any([href$="panel-item.css"],[href$="panel-list.css"]) ~ button {
      width: unset !important;
      padding: 6px 20px !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;
    }
    
/*  Restore Buttons */
    
    addon-list .more-options-menu :-moz-any(addon-options,plugin-options) panel-list {
      position: relative !important;
      display: block !important;
      overflow: hidden !important;
      margin-top: -25px;
      box-shadow: unset !important;
      background: unset !important;
      border: unset !important;
      box-shadow: unset !important;
      min-width: unset !important;
      width: unset !important;
      
    }

    div.arrow.top + div.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:-moz-any([href$="panel-item.css"],[href$="panel-list.css"]) ~ button::after,
    :-moz-any(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:-moz-any([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 {
      position: absolute !important;
      display: block !important;
      overflow: hidden !important;
      box-shadow: none !important;
      background: unset !important;
      border: none !important;
      box-shadow: unset !important;
      min-width: unset !important;
      width: unset !important;
      left: unset !important;
      top: unset !important;
      right: 65px !important; /* Abstand der Button bei Erweiterungen vom rechten Rand */
      bottom: unset !important;
    }

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

/*  Höhe der Container */
    
    addon-list[type="extension"]{ --card-padding: 15px }
    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:-moz-any([type="theme"],[type="plugin"],[type="dictionary"]) addon-card:not([expanded="true"]) panel-list {
    right: 55px !important; 
    }

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

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

/*  Breite der Elemente anpassen */

    addon-list addon-card > .addon.card
    {
        width: 70vw !important;    
        addon-card[expanded] >.addon.card    
        width: 70vw !important;
    }

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

    input[type="checkbox"].toggle-button {
      margin-right: 430px !important; /* blauer Button -Deaktivieren/Aktivieren- Abstand vom rechten Rand */
    }
       

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

    #categories > .category:not([disabled]){
      background-color: gainsboro !important;/*Hintergrundfarbe vom Button*/
      margin-top: 1px !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],
    #preferencesButton {
      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;      
    }

/*  Hintergrund bei Hover auf das Zahnrad-Symbol ausblenden */
    
    button:-moz-focusring {
    box-shadow: none !important;
    outline: 0px dotted !important;
    outline-offset: 0px !important;
    }    
    button:focus,
    button:enabled:hover {
    background-color: blue !important;
    border-radius: 15px !important;
    color: white ! important;
    box-shadow: inset 0 0 5px 5px lightgrey;
    }
         
/*  Optionen-Button */

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

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

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

    .category[is="discover-button"] {
    display: none !important;
    }
    
/*  Ausblenden TB Optionen */

    #header-inner,
    .sidebar-footer-button,
    .message-bar    {
    display:none!important;
    }
    
/*  Kategorien in abgerundeten Buttons */

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

/*  Add-ons entdecken entfernt */

    #category-discover{
    display:none!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;
    }

/*  Addons-Verwaltung: Hintergrundfarben und vom Container für about:preferences */

     #nav-header,
    #category-box {
    background-color:darkkhaki!important;
    }
    #discover-view,
    #view-port,
    #react-view {
    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;
    }
    }

/* Einstellungenfenster verbreitern */
    
    @-moz-document url-prefix(about:preferences){
    .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(4) > 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(4) > panel-list:nth-child(1) > panel-item:nth-child(1) {
    display: none !important;
    }    
    
/*    Ausblenden der Suchleiste, Empfehlungen und Thunderbird Optionen */

    #header-inner,
    .sidebar-footer-button,
    .message-bar,    
    #header-search,
    #tb-legacy-extensions-notice,
    #search-label, 
    #category-discover     {
    display:none!important;
    }

Alles anzeigen

Gruß
EDV-Oldi

Boersenfeger

Habe deinen Code genommen und doppeltes entfernt, leider passt es noch nicht ganz..

Die Thunderbird-Einstellungen sollen so aussehen, wie die Buttons oben.

Aber auch noch 3 andere Wünsche hätte ich..

Hier der jetzige Code:

CSS

/*  TB Manager angepasst */

    #threadCols .treecol-text {

    font-weight: bold !important; }

/*  Hintergrund der Button auf der rechten Seite */

    addon-list addon-card:not([expanded="true"]) panel-list * {
      background: antiquewhite !important;
      color: black !important;
      font-weight: bold !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:-moz-any([href$="panel-item.css"],[href$="panel-list.css"]) ~ button {
      width: unset !important;
      padding: 6px 20px !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;
    }
    
/*  Restore Buttons */
    
    addon-list .more-options-menu :-moz-any(addon-options,plugin-options) panel-list {
      position: relative !important;
      display: block !important;
      overflow: hidden !important;
      margin-top: -25px;
      box-shadow: unset !important;
      background: unset !important;
      border: unset !important;
      box-shadow: unset !important;
      min-width: unset !important;
      width: unset !important;
      
    }

    div.arrow.top + div.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:-moz-any([href$="panel-item.css"],[href$="panel-list.css"]) ~ button::after,
    :-moz-any(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:-moz-any([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 {
      position: absolute !important;
      display: block !important;
      overflow: hidden !important;
      box-shadow: none !important;
      background: unset !important;
      border: none !important;
      box-shadow: unset !important;
      min-width: unset !important;
      width: unset !important;
      left: unset !important;
      top: unset !important;
      right: 65px !important; /* Abstand der Button bei Erweiterungen vom rechten Rand */
      bottom: unset !important;
    }

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

/*  Höhe der Container */
    
    addon-list[type="extension"]{ --card-padding: 10px }
    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:-moz-any([type="theme"],[type="plugin"],[type="dictionary"]) addon-card:not([expanded="true"]) panel-list {
    right: 55px !important; 
    }

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

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

/*  Breite der Elemente anpassen */

    addon-list addon-card > .addon.card
    {
        width: 80vw !important;    
        addon-card[expanded] >.addon.card    
        width: 80vw !important;
    }

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

    input[type="checkbox"].toggle-button {
      margin-right: 430px !important; /* blauer Button -Deaktivieren/Aktivieren- Abstand vom rechten Rand */
    }
       

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

    #categories > .category:not([disabled]){
      background-color: gainsboro !important;/*Hintergrundfarbe vom Button*/
      margin-top: 1px !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],
    #preferencesButton {
      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;      
    }

/*  Hintergrund bei Hover auf das Zahnrad-Symbol ausblenden */
    
    button:-moz-focusring {
    box-shadow: none !important;
    outline: 0px dotted !important;
    outline-offset: 0px !important;
    }    
    button:focus,
    button:enabled:hover {
    background-color: blue !important;
    border-radius: 15px !important;
    color: white ! important;
    box-shadow: inset 0 0 5px 5px lightgrey;
    }
         
/*  Optionen-Button */

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

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

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

    .category[is="discover-button"] {
    display: none !important;
    }
    
/*  Ausblenden TB Optionen */

    #header-inner,
    .sidebar-footer-button,
    .message-bar    {
    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;
    }

/*  Addons-Verwaltung: Hintergrundfarben und vom Container für about:preferences */

    #nav-header,
    #category-box {
    background-color:darkkhaki!important;
    }
    #discover-view,
    #view-port,
    #react-view {
    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;
    }
    }

/*      Einstellungenfenster verbreitern */
    
    @-moz-document url-prefix(about:preferences){
    .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(4) > 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(4) > panel-list:nth-child(1) > panel-item:nth-child(1) {
    display: none !important;
    }    
    
/*   Ausblenden der Suchleiste, Empfehlungen und Thunderbird Optionen */

    #header-inner,
    .sidebar-footer-button,
    .message-bar,    
    #header-search,
    #tb-legacy-extensions-notice,
    #search-label, 
    #category-discover     {
    display:none!important;
    }

Alles anzeigen

edvoldi

Für den Button Thunderbird Einstellungen bitte diesen Code einmal testen.

CSS

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

Boersenfeger

Schon besser

aber noch nicht so, wie die oberen..

edvoldi

Teste einmal für den Optionen Button, diesen Code.

CSS

/*  Optionen-Button */

    button.more-options-button:nth-child(1) {
    position: absolute !important;
    left: 19% !important;
    margin-top: -10px !important;
    }

/*  Kein Updare gefunden */    
    #updates-message {
    font-weight: bold !important;
    }

Alles anzeigen

TB AddonManager anpassen

Thunderbird 138.0 veröffentlicht

Thunderbird 128.10.0 ESR veröffentlicht