Ich bin mir nicht sicher was genau du meinst
Bei meinen bisherigen Basteleien habe ich ja generell bei Hover für alle die gleiche Farbe eingefügt, was ja kein Problem war.
Mein Wunsch jetzt wie früher jeden einzeln bei Hover anzusprechen.
dazu habe ich erst den Text ab Zeile 96 bis 101 auskommentiert, und dann diesen eingefügt:
Hier lieferst du mir ganz wichtige Anhaltspunkte, damit kann ich jetzt arbeiten. 
Ich melde mich später wieder, meine Enkelin ruft.
So passt es besser als in meinem anderen Code:
panel-item[action="check-for-updates"] {
--in-content-button-background: none !important;
}
panel-item[action="check-for-updates"]:hover {
--in-content-button-background: rgba(12,12,13,0.1) !important;
}So passt es besser als in meinem anderen Code:
Danke, Andreas, passt alles wunderbar.
Hast du noch einen Code-Schnipsel für diesen Button: Verfügbare Updates anzeigen
Teste bitte:
#updates-message{
background: red !important;
color: white !important;
}Teste bitte:
Danke, Andreas, das funktioniert auch.
Dann kann ja Wochenende werden
Dann kann ja Wochenende werden
Langsam, langsam, immer mit der Ruhe.
Also, mit der Umbauerei habe ich mir das doch einfacher vorgestellt. Durch dieses Vorhaben muss nun fast jeder Button einzeln angesprochen werden. Jetzt fehlen mir bei Plugins noch die beiden Button:
Kannst du mir bitte noch mitteilen, wie ich diese ansprechen muss. Dann ist aber Feierabend!
Teste wieder:
panel-item[action="always-activate"] {
background: green !important;
color: white !important;
}
panel-item[action="never-activate"] {
background: blue !important;
color: yellow !important;
}Teste wieder:
Funktioniert super, Andreas. Ich bedanke mich!
Schönes Wochenende!
Schönes Wochenende!
Danke, das wünsche ich dir auch
Freut mich wenn du zufrieden bist.
.Ich habe da einen Code der auf mehrere Seiten wirkt und ich weiß noch nicht wo der ist.
Moin edvoldi,
ich glaube, inzwischen evtl. den Übeltäter gefunden zu haben.
Ich hatte ja seinerzeit mir erlaubt, einen Code für about:addons von dir zu übernehmen.
Gestern wollte ich auf dem Notebook den grauen Hintergrund ändern. Dafür dann den Code von dir stillgelegt - trotzdem weiterhin grauer Hintergrund.
Der Übeltäter ist dein "about:cache" Code, den ich auch mal übernommen hatte. >> RE: About Seiten mit CSS Codes anpassen
Der werkelte im Hintergrund einfach weiter und bescherte mir weiterhin die graue Seite. 
Hallo Büssen,
Der werkelte im Hintergrund einfach weiter und bescherte mir weiterhin die graue Seite.
der ist aber nicht von mir, sondern vom Endor, ich habe den nur für mich angepasst.
Wichtig ist bei diesem Problem, das man den Code auf die bestimmte Seite einschränkt.
Das hatte ich bei mir bei den about:add-ons nicht gemacht.
Für "about:cache" sollte der Code zwischen
@-moz-document url-prefix(about:cache) {und
}stehen.
Dann wirkt der nur für about:cache.
Also so:
/*** AGENT_SHEET *********************/
/*** Geändert von EDV-Oldie **********/
/*** Letzte Änderung am 18.05.2020 ***/
/*** https://www.camp-firefox.de/forum/thema/130540-about-seiten-mit-css-codes-anpassen/ */
/* About:cache */
@-moz-document url-prefix(about:cache) {
html {
background: silver !important;
}
body:before {content: "Design by EDV-Oldie: ";
font-size: 25px!important;
font-weight: bold!important;
color: blue !important;
}
h1 {
color: #057A7A !important;
font-size: 22px !important;
font-weight: bold !important;
margin-top: 20px !important;
margin-bottom: 30px !important;
}
h2 {
-moz-appearance: none !important;
background: #F0F0F0 !important;
margin-left: 20px !important;
max-width: 70px !important;
padding-left: 10px !important;
padding-bottom: 5px !important;
font-size: 14.0px !important;
border-style: outset !important;
border-left-color: lightblue!important;
border-top-color: lightblue!important;
border-right-color: dodgerblue!important;
border-bottom-color: dodgerblue!important;
border-width: 2px !important;
border-radius: 12px !important;
color: black !important;
}
body {
background-color: #fffff0 !important;
min-width: 1000px !important;
margin-top: 25px !important;
margin-left: 20px !important;
padding-top: 20px !important;
padding-left: 25px !important;
padding-right: 25px !important;
border-left-color: lightblue!important;
border-top-color: lightblue!important;
border-right-color: dodgerblue!important;
border-bottom-color: dodgerblue!important;
border-radius: 20px !important;
border-width: 4px !important;
border-style: outset !important;
}
body > table:nth-child(11),
body > table:nth-child(9),
body > table:nth-child(7){
background-color: #FDF5E6 !important;
margin-top: 5px !important;
margin-left: 5px !important;
padding-top: 20px !important;
padding-left: 25px !important;
padding-right: 25px !important;
border-left-color: lightblue!important;
border-top-color: lightblue!important;
border-right-color: dodgerblue!important;
border-bottom-color: dodgerblue!important;
border-radius: 20px !important;
border-width: 4px !important;
border-style: outset !important;
}
body > table:nth-child(11){margin-bottom: 30px !important;}
#entries > tbody > tr:nth-child(2n+1) {
background-color: #fbfbd6 !important;
text-decoration: none !important;
color: black !important;
}
#entries > tbody > tr:nth-child(2n+1):hover {
background-color: #fbf3d6 !important;}
#entries > tbody > tr:nth-child(2n) {
background-color: #fce8be !important;}
#entries > tbody > tr:nth-child(2n):hover {
background-color: #fcdabe !important;}
#submit{
-moz-appearance:none!important;
background: #efefef url("../../../Icons/Bild5.png")no-repeat !important;
padding-left:35px!important;
min-height: 30px!important;
padding-right: 20px!important;
background-position:10px 4px!important;
font-size:14.0px!important;
border-radius:14px!important;
border-left-color: #E6E5E5 !important;
border-top-color: #E6E5E5 !important;
border-right-color: #5C5B5B !important;
border-bottom-color: #5C5B5B !important;
border-style: outset !important;
border-width:2px !important;
color:black !important;
margin-left:8px !important;
-moz-appearance:none!important;}
#submit:hover{
-moz-appearance:none!important;
background: #CFE6F1 url("../../../Icons/Bild5.png")no-repeat !important;
background-position:10px 4px!important;
border-radius:14px!important;
border-left-color: #e4e3e3 !important;
border-top-color: #e4e3e3 !important;
border-right-color: #5c5b5b !important;
border-bottom-color: #5c5b5b !important;
border-style: outset !important;
border-width:2px !important;}
[href="about:cache?storage=&context="]{
-moz-appearance:none!important;
background: #efefef url("../../../Icons/Bild6.png")no-repeat !important;
margin-left: 30px !important;
padding-left:35px!important;
padding-right:20px!important;
padding-top: 3px !important;
padding-bottom: 3px !important;
border-left-color: #E6E5E5 !important;
border-top-color: #E6E5E5 !important;
border-right-color: #5C5B5B !important;
border-bottom-color: #5C5B5B !important;
border-style: outset !important;
border-width:2px !important;
color:black !important;
font-size:14px!important;
text-decoration:none!important;
background-position:10px 4px!important;
border-radius:14px!important;
color:black !important;}
[href="about:cache?storage=&context="]:hover{
background: #CFE6F1 url("../../../Icons/Bild6.png")no-repeat !important;
background-position:10px 4px!important;
border-radius:14px!important;
border-left-color: #e4e3e3 !important;
border-top-color: #e4e3e3 !important;
border-right-color: #5c5b5b !important;
border-bottom-color: #5c5b5b !important;
border-style: outset !important;
border-width:2px !important;}
[href="about:cache?device=memory"]{min-width: 260px !important;}
[href="about:cache?storage=memory&context="]{
-moz-appearance:none!important;
background: #efefef url("../../../Icons/Bild7.png")no-repeat !important;
margin-top: 30px !important;
margin-left: 30px !important;
padding-left:35px!important;
padding-right:20px!important;
padding-top: 3px !important;
padding-bottom: 3px !important;
border-left-color: #E6E5E5 !important;
border-top-color: #E6E5E5 !important;
border-right-color: #5C5B5B !important;
border-bottom-color: #5C5B5B !important;
border-style: outset !important;
border-width:2px !important;
color:black !important;
font-size:14px!important;
text-decoration:none!important;
background-position:10px 4px!important;
border-radius:14px!important;
color:black !important;
line-height: 2.5 !important;
}
[href="about:cache?storage=memory&context="]:hover{
background: #CFE6F1 url("../../../Icons/Bild7.png")no-repeat !important;
background-position:10px 4px!important;
border-radius:14px!important;
border-left-color: #e4e3e3 !important;
border-top-color: #e4e3e3 !important;
border-right-color: #5c5b5b !important;
border-bottom-color: #5c5b5b !important;
border-style: outset !important;
border-width:2px !important;}
[href="about:cache?storage=disk&context="]{
-moz-appearance:none!important;
background: #efefef url("../../../Icons/Bild7.png")no-repeat !important;
margin-left: 30px !important;
padding-left:35px!important;
padding-right:20px!important;
padding-top: 3px !important;
padding-bottom: 3px !important;
border-left-color: #E6E5E5 !important;
border-top-color: #E6E5E5 !important;
border-right-color: #5C5B5B !important;
border-bottom-color: #5C5B5B !important;
border-style: outset !important;
border-width:2px !important;
color:black !important;
font-size:14px!important;
text-decoration:none!important;
background-position:10px 4px!important;
border-radius:14px!important;
color:black !important;
line-height: 2.5 !important;}
[href="about:cache?storage=disk&context="]:hover{
background: #CFE6F1 url("../../../Icons/Bild7.png")no-repeat !important;
background-position:10px 4px!important;
border-radius:14px!important;
border-left-color: #e4e3e3 !important;
border-top-color: #e4e3e3 !important;
border-right-color: #5c5b5b !important;
border-bottom-color: #5c5b5b !important;
border-style: outset !important;
border-width:2px !important;}
[href="about:cache?storage=appcache&context="]{
-moz-appearance:none!important;
background: #efefef url("../../../Icons/Bild7.png")no-repeat !important;
margin-left: 30px !important;
padding-left:35px!important;
padding-right:20px!important;
padding-top: 3px !important;
padding-bottom: 3px !important;
border-left-color: #E6E5E5 !important;
border-top-color: #E6E5E5 !important;
border-right-color: #5C5B5B !important;
border-bottom-color: #5C5B5B !important;
border-style: outset !important;
border-width:2px !important;
color:black !important;
font-size:14px!important;
text-decoration:none!important;
background-position:10px 4px!important;
border-radius:14px!important;
color:black !important;
line-height: 2.5 !important;}
[href="about:cache?storage=appcache&context="]:hover{
background: #CFE6F1 url("../../../Icons/Bild7.png")no-repeat !important;
background-position:10px 4px!important;
border-radius:14px!important;
border-left-color: #e4e3e3 !important;
border-top-color: #e4e3e3 !important;
border-right-color: #5c5b5b !important;
border-bottom-color: #5c5b5b !important;
border-style: outset !important;
border-width:2px !important;}
}
/* about:Cache Ende */das gilt auch für alle anderen Codes, dann natürlich mit einem anderen Befehl.
Zum Beispiel für about:add-ons dieser:
@-moz-document url("about:about")
Gruß
EDV-Oldi
Nachdem ich unter Hilfe von 2002Andreas und Dharkness die letzten Hindernisse aus dem Weg räumen konnte, hier nun der überarbeitete Addon-Manager. Die Basis bildet dabei der Code von Aris, und weiter für die icons der Code von Endor.
Für die Icons einen Ordner icons im Ordner chrome anlegen, und die folgenden Icons (von Endor gekapert) dort hinein kopieren.
Bei Bild66.ico das .png nach dem Einfügen entfernen (konnte das ico nicht so hochladen 
).
Der Code für die Icons ist dann weiter unten zu haben. Den Code für die großen Button auf der linken Seite gibt es hier: RE: Ansicht "Erweiterungen verwalten"
So, dann hier der neue (alte) Addon-Manager:
/*=================== AGENT_SHEET =============================*/
@-moz-document url-prefix(chrome://mozapps/content/extensions/aboutaddons.html),
url-prefix(about:addons) {
/* Add-ons-Manager linke Seite (Sidebar) Hintergrund */
#sidebar {
background: linear-gradient(to bottom right, white,#acacac,#f2f3f4,#acacac) !important;
}
/* Add-ons-Manager rechte Seite Hintergrund */
#content,
.sticky-container,
.main-search,
.main-heading {
background: #bfc1c2 !important;
} }
/*=============== Container rechte Seite anpassen ==================*/
/* für alle Elemente rechte Seite die Länge einstellen */
.card,
addon-list addon-card > .addon.card,
addon-card[expanded] >.addon.card {
width: 65vw !important; /* Länge aller Elemente */
border: 2px solid grey !important;
border-radius: 10px !important;
}
/* Add-on Manager - Hintergrundfarbe für alle Elemente anpassen */
.addon.card {
background: gainsboro !important;
max-width: initial !important;
}
/* Hintergrund der Container bei Hover andere Farbe */
addon-list addon-card > .addon.card:hover {
background: lightblue !important;
}
/* Umrandung der Container bei Hover breiter Rand und andere Farbe */
:root {
--card-outline-color: royalblue !important;
}
/* vertikaler Abstand zwischen den Containern */
addon-card .addon {
margin: 7px !important;
}
/*Höhe der Container */
addon-card:not([expanded="true"]) .addon.card {
max-height: 115px !important; /* maximale Höhe der Container / hauptsächlich für Theme gedacht */
}
/* Schrift in den Containern / erlaubte Ausdehnung nach rechts */
.addon-description {
max-width: 750px !important;
}
/* verhindert die Ausweitung der Schrift über den rechten Rand der Container */
addon-card > .addon.card,
addon-card > .addon.card * {
overflow: hidden !important;
}
/*============== sonstige Anpassungen =====================*/
/* Hintergrund Menü Verwalten bei Hover */
.card:hover,
addon-list addon-card > .addon.card:hover,
addon-card[expanded] >.addon.card:hover {
background: lightblue !important;
}
/* Name für Erweiterungen, Themes, usw. in erster Zeile */
/* unter content beliebiger Name verwendbar */
.header-name {
font-size:0px !important;
margin-top: 17px !important;
}
.header-name[data-l10n-id="extension-heading"]::after {
font-size:18px !important;
font-weight: bold !important;
color: blue !important;
content: 'Erweiterungen verwalten' !important;
}
.header-name[data-l10n-id="theme-heading"]::after {
font-size:18px !important;
font-weight: bold !important;
color: blue !important;
content: 'Themen verwalten' !important;
}
.header-name[data-l10n-id="plugin-heading"]::after {
font-size:18px !important;
font-weight: bold !important;
color: blue !important;
content: 'Plugins verwalten' !important;
}
.header-name[data-l10n-id="dictionary-heading"]::after {
font-size:18px !important;
font-weight: bold !important;
color: blue !important;
content: 'Wörterbücher verwalten' !important;
}
/* Versionsnummer wird angezeigt */
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;
}
/* unter Themes die Grafik anpassen */
.card-heading-image {
min-width: 800px !important; /* Länge der Grafik */
height: 70px !important; /* Höhe der Grafik */
margin-left: -4px !important; /* Abstand vom linken Rand */
margin-top: -8px !important; /* Abstand vom oberen Rand */
border: 2px solid grey !important; /* Umrandung */
border-radius: 8px !important;
}
/* blendet den Text für privates Browsing ein */
/* bei kurzen Containern empfiehlt sich die Deaktivierung */
.addon-badge-private-browsing-allowed::before {
content: "(In privaten Fenstern erlaubt)" !important;
margin-left: 10px !important; /* Entfernung nach rechts */
}
/* lila Icon -In privatem fenster erlaubt- Entfernung nach rechts */
.addon-badge-private-browsing-allowed {
min-width: 430px !important;
}
/* fortlaufende Nummerierung installierter Erweiterungen, Themes, usw. */
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 {
color: red !important;
font-weight: bold !important;
counter-increment: section;
content: counter(section, decimal-leading-zero)".) ";
padding-right: 20px !important;
margin-top: -2px!important; /* Lage im Container */
margin-left: 5px !important; /* Abstand vom linken Rand */
}
/* Unter Plugins - Nachfragen ob aktiviert werden soll - entfernt */
.card > 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(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;
}
/* oben die Suche / Schrift und Text-Box anpassen */
.search-label {
color: dodgerblue !important;
font-size: 13px !important;
}
search-addons > search-textbox {
background: #ececec !important;
color: grey !important;
min-height: 22px !important; /* Höhe der Box */
width: 200px !important; /* Länge der Box */
font-size: 12px !important; /* Schriftgrösse */
}
.main-search {
margin-left: 270px !important; /* Suche nach rechts verlagert */
}
/*================= Toggle-Button ============================*/
/* Toggle-Button aktiv/inaktiv Farbe anpassen (auch bei Hover) */
addon-card .addon.card[active="true"] .toggle-button {
background: lime !important;
width: 32px !important;
border: 2px solid dodgerblue !important;
padding-left: 3px !important;
padding-right: 3px !important;
}
addon-card .addon.card[active="true"] .toggle-button:hover {
background: red !important;
border: 2px solid green !important;
}
addon-card .addon.card[active="false"] .toggle-button {
background: red !important;
width: 32px !important;
border: 2px solid green !important;
}
addon-card .addon.card[active="false"] .toggle-button:hover {
background: lime !important;
border: 2px solid dodgerblue !important;
}
/* Toggle-Button eventuell ausblenden */
.card-contents input[type="checkbox"].toggle-button {
-moz-margin-end: 2px !important; /* Abstand vom rechten Rand */
/* display: none !important; */ /* aktiviert = Button ausblenden */
}
/*==================== 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: 50px !important; /* Länge des Button */
height: 24px ! important; /* Höhe des Button */
box-shadow: inset 0 0 2px 2px grey; /* innerer Schatten */
}
.page-options-menu .more-options-button:hover {
fill: lime !important; /* Farbe des Zahnrades */
opacity: 1.0 !important;
border: 2px solid forestgreen !important;
box-shadow: inset 0 0 5px 5px greenyellow !important; /* innerer Schatten */
}
/* Optionen-Button verlagern */
button.more-options-button:nth-child(1) {
position: absolute !important;
left: 19% !important;
margin-top: -13px !important;
}
/*============== Aussehen des Menü hinter dem Zahnrad ===================*/
/* Feld hinter dem Zahnrad-Button */
#page-options > panel-list:nth-child(1) {
background: gainsboro ! important; /* farbiger Hintergrund des Feldes */
border: 3px solid dodgerblue !important;
border-radius: 9px !important;
max-width: 445px !important; /* Ausdehnung der Felder nach rechts */
}
div.arrow:nth-child(3){
fill: dodgerblue !important; /* kleine Spitze Richtung Zahnrad */
}
link:-moz-any([href$="panel-item.css"],[href$="panel-list.css"]) ~ button label[accesskey] {
margin-left: 10% ! important; /* Abstand der Leisten vom linken Rand */
width: 377px !important; /* Länge der einzelnen Felder */
background: #f8f8ff ! important; /* Farbe des Hintergrundes */
max-width: 395px !important; /* Länge der aktivierten Menü-Leiste */
margin-right:10px ! important;
padding-top: 6px !important;
padding-bottom: 6px !important;
border:1px solid grey !important;
padding-left: 25px !important; /* bringt die Schrift nach rechts */
}
/* Schrift und felder bei Hover */
link:-moz-any([href$="panel-item.css"],[href$="panel-list.css"]) ~ button label[accesskey]:hover {
background: lightyellow !important;
color: red !important;
}
.sticky-container {
z-index: 1000 !important;
}
addon-page-options panel-list panel-item {
width: 430px !important; /* Länge der aktivierten Menü-Leiste */
background: none ! important;
}
addon-page-options panel-list panel-item:hover {
width: 440px !important;
background: #00df00 ! important;
max-width: 435px !important; /* Ausdehnung der Felder nach rechts */
}
addon-page-options panel-list {
min-width: unset !important;
width: auto !important;
max-width: 450px !important; /* Ausdehnung der Felder nach rechts */
padding-left: -8px !important; /* Ausdehnung nach links */
z-index: 1000 !important;
}
/* Hintergrund der Box Updates automatisch aktualisieren */
addon-page-options panel-list panel-item[accesskey][checked] {
background: greenyellow !important;
min-width: 436px !important; /* Ausdehnung der Felder nach rechts */
}
/* Hintergrund der Box Updates automatisch aktualisieren bei Hover */
addon-page-options panel-list panel-item[accesskey][checked]:hover {
background: #ff2800 !important;
max-width: 435px !important; /* Ausdehnung der Felder nach rechts */
}
/* blendet Icons aus (Papierkorb, usw.) */
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;
}
/*====== Zurück-Button bei geöffnetem Menü Einstellung/Verwalten =========*/
.back-button {
background-color: gainsboro !important;/*Hintergrundfarbe vom Button*/
width: 50px !important;
height: 24px ! important; /* Höhe des Button */
border-radius: 25px !important;/*Rundung vom Button*/
box-shadow: inset 0 0 4px 4px grey !important;
}
.back-button:hover {
color: white !important;
background-color: dodgerblue !important;
border-radius: 60px !important;
box-shadow: inset 0 0 3px 3px lightblue !important;
}
/*=========== Aktiviert/Deaktiviert - Farbe ===========*/
.list-section-heading[data-l10n-id="extension-enabled-heading"],
.list-section-heading[data-l10n-id="theme-enabled-heading"],
.list-section-heading[data-l10n-id="plugin-enabled-heading"],
.list-section-heading[data-l10n-id="dictionary-enabled-heading"] {
font-weight: bold !important;
color: #03c03c !important;
text-indent: 15px;
}
.list-section-heading[data-l10n-id="extension-disabled-heading"],
.list-section-heading[data-l10n-id="theme-disabled-heading"],
.list-section-heading[data-l10n-id="plugin-disabled-heading"],
.list-section-heading[data-l10n-id="dictionary-disabled-heading"] {
font-weight: bold !important;
color: red !important;
text-indent: 15px;
}
/*============ Button (Felder) auf der rechten Seite ==============*/
/* <some> locales require adjustments */
html[lang="de"] {
--addon-page-options-width: 370px;
}
/* Anpasung der rechten Button */
addon-list[type="theme"] addon-card button[data-l10n-id="enable-addon-button"]:not(.theme-enable-button):not([badged]),
.addon.card panel-item:not([badged]){
border: 2px solid grey !important; /* Umrandung */
border-radius: 25px !important; /* Ecken abgerundet */
box-shadow: inset 0 0 2px 2px white !important; /* innerer Schatten */
}
@supports -moz-bool-pref("browser.in-content.dark-mode") {
@media (prefers-color-scheme: dark) {
addon-list addon-card panel-list *,
addon-list[type="theme"] addon-card button[data-l10n-id="enable-addon-button"]:not(.theme-enable-button),
.more-options-menu panel-item {
background: black !important;
color: white !important;
}
addon-list[type="theme"] addon-card button[data-l10n-id="enable-addon-button"]:not(.theme-enable-button):hover,
addon-list[type="theme"] addon-card button[data-l10n-id="enable-addon-button"]:not(.theme-enable-button):active {
border: 1px solid white !important;
}
} }
:-moz-any(addon-list,panel-list) panel-item{
margin: 0 5px !important; /* Abstand zwischen den Button */
}
/* reduce size of default buttons */
link:-moz-any([href$="panel-item.css"],[href$="panel-list.css"]) ~ button {
width: unset !important;
padding: 2px 20px !important; /* Ausdehnung der Button */
}
/* entfernt den Dreipunkte-Button */
addon-card .more-options-button {
display: none !important;
}
/* remove button icon (z.B. Papierkorb) */
:host([checked]),
panel-item[checked],
:-moz-any(addon-list,panel-list) panel-item {
--icon: unset !important;
}
/* ordnet die Button horizontal an */
div.arrow.top + div.list {
display: flex !important;
flex-flow: row wrap !important;
justify-content: flex-start !important;
}
/*========== zusätzliche Anpassungen für die Button ===========*/
/* blendet den Hintergrund aus / auch bei Hover */
/* Wirkung auch auf erste Zeile des Menü hinter dem Zahnrad */
panel-list > panel-item,
panel-list > panel-item:hover {
--in-content-button-background: none !important;
--in-content-button-background-hover: none !important;
--in-content-button-background-active: none !important;
}
/* Button Einstellungen */
panel-item[action="preferences"] {
order: -1;
}
/* Button Einstellungen bei Hover */
panel-item[action="preferences"]:hover {
order: -1;
background: #008000 !important;
color: white !important;
}
/* Button Entfernen bei Hover */
panel-item[action="remove"]:hover{
background: red !important;
color: white !important;
}
/* Button Melden bei Hover */
panel-item[action="report"]:hover{
color: white !important;
background: #8a2be2 !important;
}
/* Button Verwalten bei Hover */
panel-item[action="expand"]:hover {
color: white !important;
background: blue /* #008000 */ !important;
}
/* Button -Immer aktivieren- bei Hover */
panel-item[action="always-activate"]:hover {
background: #6f00ff !important;
color: white !important;
}
/* Button -Nie aktivieren- bei Hover */
panel-item[action="never-activate"]:hover {
background: red !important;
color: white !important;
}
/* Addons - Button Aktualisieren */
panel-item[badged] {
background: yellow !important;
border: 2px solid red !important;
/* border-radius: 20px !important; */
box-shadow: inset 0 0 2px 2px grey !important; /* innerer Schatten */
}
/* Button Aktualisieren bei Hover */
panel-item[badged]:hover {
background: lime !important;
}
/* blendet den Hintergrund Verfügbare Updates aus / auch bei Hover */
#updates-message,
#updates-message:hover {
--in-content-button-background: none !important;
--in-content-button-background-hover: none !important;
--in-content-button-background-active: none !important;
}
/* Button Verfügbare Updates anzeigen */
#updates-message{
background: gainsboro !important;
color: blue !important;
border: 2px solid grey !important;
padding-right: 15px !important;
padding-left: 15px !important;
}
/* Button Verfügbare Updates anzeigen bei Hover */
#updates-message:hover{
background: blue !important;
color: white !important;
box-shadow: inset 0 0 2px 2px white !important; /* innerer Schatten */
border: 2px solid dodgerblue !important;
}
/* rechte Button Lage und Ausblendungen */
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; /* Abstand der Button bei Erweiterungen vom rechten Rand */
}
/* Button vertikal verlagern */
addon-card panel-list {
margin-top: -50px !important;
}
/* Abstand der Button vom rechten Rand bei Plugins und Wörterbücher */
addon-list:-moz-any([type="plugin"],[type="dictionary"]) addon-card:not([expanded="true"]) panel-list {
right: 5px !important;
}
/* Abstand der Button vom rechten Rand bei Themes */
addon-list:-moz-any([type="theme"]) addon-card:not([expanded="true"]) panel-list {
right: 55px !important;
margin-top: -75px !important; /* Abstand vom oberen Rand */
}
/*======= Button Aktivieren/Deaktivieren bei Themes ==========*/
/* blendet den Hintergrund aus / auch bei Hover */
addon-card .addon.card[active="true"] .theme-enable-button,
addon-card .addon.card[active="true"] .theme-enable-button:hover {
--in-content-button-background: none !important;
--in-content-button-background-hover: none !important;
--in-content-button-background-active: none !important;
}
/* bei aktivem Theme */
addon-card .addon.card[active="true"] .theme-enable-button {
background: #03c03c !important;
color: white !important;
margin-right: 450px !important;
margin-top: 3px !important;
height: 25px !important;
padding-left: 15px !important;
padding-right: 15px !important;
border: 2px solid red !important;
border-radius: 50px !important;
box-shadow: inset 0 0 2px 2px white !important; /* innerer Schatten */
}
/* bei inaktivem Theme */
addon-card .addon.card[active="false"] .theme-enable-button {
background: lightblue !important;
margin-right: 450px !important;
margin-top: 3px !important;
height: 25px !important;
padding-left: 15px !important;
padding-right: 15px !important;
border: 2px solid grey !important;
border-radius: 50px !important;
box-shadow: inset 0 0 2px 2px white !important; /* innerer Schatten */
}
addon-card:hover .addon.card[active="true"] .theme-enable-button {
background: red !important;
color: white !important;
/* border: 2px solid green !important */
}
addon-card:hover .addon.card[active="false"] .theme-enable-button {
background: #03c03c !important;
color: white !important;
border: 2px solid red !important;
box-shadow: inset 0 0 2px 2px white !important; /* innerer Schatten */
}
addon-list addon-card:not([expanded="true"]) .addon.card .theme-enable-button:hover {
cursor: pointer !important;
opacity: 1.0 !important;
filter: brightness(2.00) !important;
}
addon-list addon-card:not([expanded="true"]) .addon.card[active="true"] .theme-enable-button {
background: Highlight !important;
}
addon-list addon-card:not([expanded="true"]):hover .addon.card[active="true"] .theme-enable-button {
background: red !important;
}
addon-list addon-card:not([expanded="true"]):hover .addon.card[active="false"] .theme-enable-button {
background: green !important;
color: blue !important;
}
/* Abstand Button Aktivieren/Deaktivieren vom rechten Rand */
addon-card .addon.card .theme-enable-button,
input[type="checkbox"].toggle-button {
-moz-margin-end: 450px !important;
}
/***************************************************************************************/Hier dann der Code für die Icons, entweder eine css-Datei anlegen, oder wie auch der des Addon-Managers in die userContent.css :
#page-options > panel-list:nth-child(1) > panel-item:nth-child(1)::before {
content: '';
display: block;
width: 16px;
height: 16px;
background-image: url("..//icons/Bild5.png");
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-image: url("..//icons/Bild61.png");
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-image: url("..//icons/Bild3.png");
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-image: url("..//icons/Bild66.ico");
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");
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: -1px !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: 18px;
margin-right: -32px;}
#page-options > panel-list:nth-child(1) > panel-item:nth-child(8)::before {
content: '';
display: block;
width: 16px;
height: 16px;
background-image: url("..//icons/Bild64.png");
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-image: url("..//icons/Bild67.png");
background-size: 16px 16px !important;
margin-left: 15px;
margin-right: -31px;}So, wer Lust und Laune hat, der probiert.
Und noch Bilderchen für den ersten Ausblick:
Der Code für den Addon-Manager ist fehlerhaft! Mit Hilfe von Endor gibt es den fehlerfreien Code jetzt hier:
Moin,
war mal so frei und habe das Angebot in meinem Hauptprofil ausprobiert.
Bei Themes sieht es so aus:
Im Moment weiß ich noch nicht , wo der Unterschied herkommt - habe nur eine Anpassung (Card-Länge) von 65 auf 67vw vorgenommen.
Cards werden auch nur schlicht dargestellt. Bei "Erweiterungen" u.a. wird alles wie im Forum gezeigt.
Im Moment weiß ich noch nicht , wo der Unterschied herkommt - habe nur eine Anpassung (Card-Länge) von 65 auf 67vw vorgenommen.
Das hat sicherlich nicht damit zu tun, denn alles weitere funktioniert ja, wie du sagst. Das gleiche Bild habe ich heute in der 78Beta, kann auch nicht sagen, wieso die Grafiken nicht geladen werden. In allen anderen Versionen i.M. keine Probleme.
Hier 77.0.1:
und 78Beta:
Edit:
In der Beta habe ich mal den Wert für Länge der Container hin und her gestellt, auf einmal waren die Grafiken wieder da. Ob das jetz das Problem beseitigt hat, das weiß der Fuchs.
Ob das jetz das Problem beseitigt hat, das weiß der Fuchs.
Was da jetzt abgelaufen ist kann ich nicht beurteilen, aber es läuft in der Beta wieder.
Aber nach dem ersten Update heute Morgen für Nightly, das gleiche Problem wieder, es werden keine Grafiken geladen. Kurios dabei ist, dass es nur bei einem von vier Nightly (alle Portable-Vers.) vorkommt. Nun habe ich gerade das letzte Update installiert, alles Mögliche probiert, Manager gewechselt, ganzen chrome-Ordner getauscht, aber es kommen keine Grafiken.
Es ist für mich weiter kein Problem, dann springt eine Kopie ein. Mir geht es aber um das Ursächliche, hat jemand eine Idee woran das liegen könnte ?
FRAGE: Welcher Code ändert die Hintergrundfarbe?
FRAGE: Welcher Code ändert die Hintergrundfarbe?
Wovon????
/* Addons-Verwaltung: Hintergrundfarben */
@-moz-document url-prefix(chrome://mozapps/content/extensions/aboutaddons.html),
url-prefix(about:addons) {
#sidebar {
background: linear-gradient(to bottom right, white,#acacac,#f2f3f4,#acacac) !important; /* Hintergrund linke Seite */
}
.main-search,
.sticky-container,
.main-heading,
#content {
background: #bfc1c2 !important; /* Hintergrund rechte Seite */
font-size: 15px !important;
} }FRAGE: Welcher Code ändert die Hintergrundfarbe?
Wovon????
Genau davon, Danke! Ich werd in Zukunft meine Fragenstellung etwas verständlicher gestalten - versprochen!
FRAGE: Dein Code bringt bei mir eine unvollständige Änderung, fehlt das etwas am Ende?
Ich möchte alle Backgrounds in ''lightgrey'' haben.
Moin,
momentan habe ich o.g. Code soweit im Griff - nur werden nicht obige bunten Themes wie gewünscht angezeigt.
Außerdem wird bei einem Theme von der Norm abgewichen:
Komischerweise wird obiges Beispiel (Bild) nur in bei diesem Theme so dargestellt. 