Nightly 76 Add-on Manager anpassen

edvoldi

So sieht mein Code für die linke Spalte jetzt aus:

CSS

/*   FF - Add-ons-Manager linke Spalte   */

    #sidebar {
    background-color: darkgray !important;
    }

    #categories {
    margin-top:-1px !important;
    }

    
    .category[name="discover"] {
    margin-top:2px !important;
    border-radius:60px!important;
    -moz-appearance:none!important;
    background: silver url("../../../Icons/Add-ons-Web.png") no-repeat !important;
    background-position:11px 14px!important;
    }
    .category[name="discover"]:hover {
    margin-top:2px !important;
    border-radius:60px!important;
    -moz-appearance:none!important;
    background: gray url("../../../Icons/Add-ons-Web.png") no-repeat !important;
    background-position:11px 14px!important;
    }
    .category[name="discover"][aria-selected="true"] {
    color: white !important;
    margin-top:2px !important;
    border-radius:60px!important;
    -moz-appearance:none!important;
    background: silver url("../../../Icons/Add-ons-Web.png") no-repeat !important;
    background-position:11px 14px!important;
    }


    .category[name="extension"] {
    margin-top:2px !important;
    border-radius:60px!important;
    -moz-appearance:none!important;
    background: silver url("../../../Icons/addons.png") no-repeat !important;
    background-position:11px 14px!important;
    }
    .category[name="extension"]:hover {
    margin-top:2px !important;
    border-radius:60px!important;
    -moz-appearance:none!important;
    background: gray url("../../../Icons/addons.png") no-repeat !important;
    background-position:11px 14px!important;
    }
    .category[name="extension"][aria-selected="true"] {
    color: white !important;
    margin-top:2px !important;
    border-radius:60px!important;
    -moz-appearance:none!important;
    background: silver url("../../../Icons/addons.png") no-repeat !important;
    background-position:11px 14px!important;
    }


    .category[name="theme"] {
    margin-top:2px !important;
    border-radius:60px!important;
    -moz-appearance:none!important;
    background: silver url("../../../Icons/themen.png") no-repeat !important;
    background-position:11px 14px!important;
    }
    .category[name="theme"]:hover {
    margin-top:2px !important;
    border-radius:60px!important;
    -moz-appearance:none!important;
    background: gray url("../../../Icons/themen.png") no-repeat !important;
    background-position:11px 14px!important;
    }
    .category[name="theme"][aria-selected="true"] {
    color: white !important;
    margin-top:2px !important;
    border-radius:60px!important;
    -moz-appearance:none!important;
    background: silver url("../../../Icons/themen.png") no-repeat !important;
    background-position:11px 14px!important;
    }


    .category[name="plugin"] {
    margin-top:2px !important;
    border-radius:60px!important;
    -moz-appearance:none!important;
    background: silver url("../../../Icons/plugin.png") no-repeat !important;
    background-position:11px 14px!important;
    }
    .category[name="plugin"]:hover {
    margin-top:2px !important;
    border-radius:60px!important;
    -moz-appearance:none!important;
    background: gray url("../../../Icons/plugin.png") no-repeat !important;
    background-position:11px 14px!important;
    }
    .category[name="plugin"][aria-selected="true"] {
    color: white !important;
    margin-top:2px !important;
    border-radius:60px!important;
    -moz-appearance:none!important;
    background: silver url("../../../Icons/plugin.png") no-repeat !important;
    background-position:11px 14px!important;
    }


    .category[name="dictionary"] {
    margin-top:2px !important;
    border-radius:60px!important;
    -moz-appearance:none!important;
    background: silver url("../../../Icons/wörterbücher.png") no-repeat !important;
    background-position:11px 14px!important;
    }
    .category[name="dictionary"]:hover {
    margin-top:2px !important;
    border-radius:60px!important;
    -moz-appearance:none!important;
    background: gray url("../../../Icons/wörterbücher.png") no-repeat !important;
    background-position:11px 14px!important;
    }
    .category[name="dictionary"][aria-selected="true"] {
    color: white !important;
    margin-top:2px !important;
    border-radius:60px!important;
    -moz-appearance:none!important;
    background: silver url("../../../Icons/wörterbücher.png") no-repeat !important;
    background-position:11px 14px!important;
    }


    #preferencesButton {
    margin-top:2px !important;
    border-radius:60px!important;
    -moz-appearance:none!important;
    background: silver url("../../../Icons/config.png") no-repeat !important;
    background-position:11px 9px!important;
    }
   #preferencesButton:hover {
    margin-top:2px !important;
    border-radius:60px!important;
    -moz-appearance:none!important;
    background: gray url("../../../Icons/config.png") no-repeat !important;
    background-position:11px 9px!important;
    }
    
    #help-button {
    margin-top:2px !important;
    border-radius:60px!important;
    -moz-appearance:none!important;
    background: silver url("../../../Icons/hilfe.png") no-repeat !important;
    background-position:11px 9px!important;
    }    
    #help-button:hover {
    margin-top:2px !important;
    border-radius:60px!important;
    -moz-appearance:none!important;
    background: gray url("../../../Icons/hilfe.png") no-repeat !important;
    background-position:11px 9px!important;
    }

    .category[name="plugin"] {
    margin-top:2px !important;
    border-radius:60px!important;
    -moz-appearance:none!important;
    background: silver url("../../../Icons/plugin.png") no-repeat !important;
    background-position:11px 14px!important;
    }
    .category[name="plugin"][aria-selected="true"] {
    color: white !important;
    margin-top:2px !important;
    border-radius:60px!important;
    -moz-appearance:none!important;
    background: silver url("../../../Icons/plugin.png") no-repeat !important;
    background-position:11px 14px!important;
    }


    .category[name="dictionary"] {
    margin-top:2px !important;
    border-radius:60px!important;
    -moz-appearance:none!important;
    background: silver url("../../../Icons/wörterbücher.png") no-repeat !important;
    background-position:11px 14px!important;
    }
    .category[name="dictionary"][aria-selected="true"] {
    color: white !important;
    margin-top:2px !important;
    border-radius:60px!important;
    -moz-appearance:none!important;
    background: silver url("../../../Icons/wörterbücher.png") no-repeat !important;
    background-position:11px 14px!important;
    }


    #preferencesButton {
    margin-top:2px !important;
    border-radius:60px!important;
    -moz-appearance:none!important;
    background: silver url("../../../Icons/config.png") no-repeat !important;
    background-position:11px 9px!important;
    }
    
    
    #help-button {
    margin-top:2px !important;
    border-radius:60px!important;
    -moz-appearance:none!important;
    background: silver url("../../../Icons/hilfe.png") no-repeat !important;
    background-position:11px 9px!important;
    }

Alles anzeigen

Habe noch eine hover Farbe eingebaut

milupo

Zitat von edvoldi

So sieht mein Code für die linke Spalte jetzt aus:

Und, funktioniert er bei dir?

edvoldi

Zitat von milupo

Und, funktioniert er bei dir?

ja und sie so aus:

milupo

Na bestens.

Auf den englischen Text haben wir keinen Einfluss. Durch die Umstellung der Seitenleiste von XUL auf HTML haben sich die Entities für die Übersetzungsstrings geändert. Das sollte in einem der nächsten Nightly-Updates behoben sein.

edvoldi

Zitat von milupo

Auf den englischen Text haben wir keinen Einfluss.

Das ist mir klar.
Mein Code funktioniert auch im Thunderbird Daily 76.

2002Andreas

Eine weitere Ursache dürfte auch das gewesen sein denke ich mal:

Statt:

CSS

list-style-image: url("../../../Icons/Add-ons-Web.png") !important;

Jetzt:

CSS

background: silver url("../../../Icons/Add-ons-Web.png") no-repeat !important;

edvoldi

2002Andreas,

richtig.
Erst als ich Deinen Code übernommen und für mich angepasst habe, hat es funktioniert.
Vielen Dank an alle.

Gruß
EDV-Oldi

Boersenfeger

Bei mir funktionieren diese Codeteile nicht:

CSS

/*  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; 
    }

Alles anzeigen

CSS

/*  Ausblenden Firefox Optionen */

    #header-inner,
    .sidebar-footer-button,
    .message-bar {
    display:none!important;
    }

CSS

/*  Addons-Verwaltung: Hintergrundfarben */

    #nav-header,
    #category-box {
    background-color:darkkhaki !important;
    }
    #discover-view,
    #view-port,
    #react-view {
    background:blanchedalmond !important;
    font-size: 15px!important;
    }

Alles anzeigen

Hier der ganze Code:

CSS

/* Addons-Manager Nightly */


/* 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;

}


/* 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;

}


/* 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 */

}


/* Nummerierung der installierten Erweiterungen */


body {

counter-reset: section;

}


#main > div:nth-child(1) > addon-list:nth-child(1) > section:nth-child(2) > addon-card:nth-child(n+2) > div:nth-child(1) > div:nth-child(2)::before,

#main > div:nth-child(1) > addon-list:nth-child(1) > section:nth-child(3) > addon-card:nth-child(n+2) > div:nth-child(1) > div:nth-child(2)::before {

font-size:18px!important;

color: red !important;

font-weight: bold !important;

counter-increment: section;

content: counter(section)": ";

margin-left: -8px !important;

padding-right: 8px !important;

margin-top:4px!important;

}


/* 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 Firefox 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;

}
}

Alles anzeigen

milupo

Zitat von Boersenfeger

Bei mir funktionieren diese Codeteile nicht:

Nur mal so, für alle, die das so machen: Es könnte wirklich hilfreicher sein, wenn man dazuschreibt, was nicht funktioniert.

Erst einmal zum ersten Kasten: Zeilen 3 - 5:

Guten Morgen! Die neue Entsprechung für #category-discover wurde im Thread mehrfach erwähnt.

Die Zeilen 9 - 12 sollten funktionieren.

Boersenfeger

Ja, danke, hat geklappt...

der 2. Block soll eigentlich dies entfernen

Der 3. sollte selbsterklärend sein...

2002Andreas

Zitat von Boersenfeger

soll eigentlich dies entfernen

Teste bitte:

CSS

#preferencesButton {
    display: none !important;
}

Boersenfeger

Danke! Auch das klappt, es bleibt aber dort der Eintrag

? Hilfe für Addons

edvoldi

Zitat von Boersenfeger

? Hilfe für Addons

Code

    #help-button

So heißt der neue Befehl

2002Andreas

Zitat von Boersenfeger

Der 3. sollte selbsterklärend sein...

Meinst du das so?

Wenn ja, teste wieder:

CSS

/*  Addons-Verwaltung: Hintergrundfarben */

@-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;
    }
    
    #help-button {
        display: none !important;
    }
 }

Alles anzeigen

Der andere Button wird damit auch entfernt.

Boersenfeger

Prima, ich bedanke mich.. Alles wieder tutti !

2002Andreas

Freut mich wenn ich dir damit helfen konnte, war gern geschehen

Büssen

Hallo,

war mal wieder so frei und habe mir den Code von edvoldi angeeignet.

Sieht so aus:

Zur Abgrenzung würde ich gerne noch eine Umrandung einfügen, weiß jedoch nicht, wo ich da ansetzen müsste?

Endor

Hallo Büssen.

Meinst Du da wo Du im Bild die beiden schwarzen Pfeile hast?

Mfg.
Endor

milupo

Hallo Büssen.

du könntest z. B. zu jedem Eintrag folgendes hinzufügen:

CSS

border: solid 2px red !important;

Das würde einen durchgezogenen Rahmen von 2 Pixel Dicke in roter Farbe hinzufügen.

Büssen

Hallo Endor,

Ja, die Umrandung (Pfeile) ist angedeutet schon etwas sichtbar, eine andere Farbe wäre schön.

Zitat von milupo
Hallo Büssen.
du könntest z. B. zu jedem Eintrag folgendes hinzufügen:
CSS
border: solid 2px red !important;
Das würde einen durchgezogenen Rahmen von 2 Pixel Dicke in roter Farbe hinzufügen.

Hier auch vielen Dank für den Tipp.

Werde mich mal an die Sache heran wagen - hoffentlich klappt es bei mir auch auf Anhieb?

Nightly 76 Add-on Manager anpassen

Ähnliche Themen

Ansicht "Erweiterungen verwalten"

Addons Manager Nightly