gehe ich recht in der Annahme, das das ungefähr so ↓ aussehen soll?
Genau so!
gehe ich recht in der Annahme, das das ungefähr so ↓ aussehen soll?
Genau so!
Genau so!
Dann schaue Dir mal die ↓ beiden Einträge an, zumindest habe ich das damit gemacht, denn Deine Idee dahingehend gefiel mir.
addon-list[type="theme"] addon-card div.card.addon div.addon-card-collapsed {
min-height: 89px !important;
padding: 0px 3px 1px 3px !important;
margin: -91px 0 0 676px !important;
}
recommended-themes-section recommended-addon-card .card.addon .card-contents {
min-height: 86px !important;
padding: 0px 3px 1px 3px !important;
margin: -91px 0 0 676px !important;
}
Alles anzeigen
zumindest habe ich das damit gemacht, denn Deine Idee dahingehend gefiel mir.
Damit kann ich was anfangen, ich danke dir.
Höhe habe ich, und Schrift ist auch rechts zu sehen, nun muss ich nur noch die Button und Schrift richtig platzieren.
Andreas, hast du noch einen Hinweis für mich, wie ich unter Themes deinen Code für die fortlaufende Nummerierung allein nutzen kann?
Nun habe ich sortiert, sieht dann so aus.
Nun versuche ich mit folgendem Code die Schrift etwas nach unten zu setzen, aber da stimmt die Adresse nicht. Ich möchte das nur hier bei Themes nutzen. Hast du noch dazu einen Code?
addon-list[type="theme"].addon-name{
Schau Dir das mal ganz genau an, wo fehlt da ein Leerschritt?
Schau Dir das mal ganz genau an, wo fehlt da ein Leerschritt?
Das kann doch nicht wahr sein, manchmal ist man total deppert.
Danke, nun klappt es.
Aber gerne doch.
Hallo,
jetzt bin ich mal wieder dran,
der ↓ Text ist jetzt schon damit ↓↓ zentriert,
span[data-l10n-id="addon-updates-none-found"] {
padding: 0 !important;
margin: 0 auto !important;
}
wie kann ich die anderen Texte zentrieren, also z.B. den ↓, aber auch die die da eventuell noch sind?
Wenn ich mich nicht ganz irre, gibt es dort ja auch noch die Meldung das neuere Erweiterungen gefunden wurden.
die die da eventuell noch sind?
Ich kenne diese Meldung noch. Erscheint nach manueller Suche.
Hi FuchsFan,
genau, aber wie hast Du die zentriert?
genau, aber wie hast Du die zentriert?
Brauchte ich nicht, war immer schon zentriert. Hier ist der Code dafür, eventuell mit text-align: center
/* 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: royalblue !important;
color: white !important;
box-shadow: inset 0 0 2px 2px white !important; /* innerer Schatten */
border: 2px solid dodgerblue !important;
}
Alles anzeigen
Der Eintrag wird auch gleich damit bedient:
Brauchte ich nicht, war immer schon zentriert.
Jupp, das funktioniert, weil Du nicht auf gleiche Länge von #updates-message bestehst, ich möchte das aber immer gleich Lang haben.
Jupp, das funktioniert, weil Du nicht auf gleiche Länge von #updates-message bestehst, ich möchte das aber immer gleich Lang haben.
Dann soll es so sein.
Nun habe ich auch noch etwas, kannst du da aushelfen.
Ich versuche Aktivieren/Deaktivieren-Button nach oben zu bringen, was nicht gelingt, weil dieser dann wie die Schrift im Nichts verschwindet.
Ich versuche Aktivieren/Deaktivieren-Button nach oben zu bringen, was nicht gelingt, weil dieser dann wie die Schrift im Nichts verschwindet.
Dafür benötige ich Deine vollständigen Anpassungen für about:addons, ich habe nämlich die Button nicht beständig eingeblendet, sondern bei mir ist weiterhin das 3-Punkte-Menü vorhanden.
Dafür benötige ich Deine vollständigen Anpassungen für about:addons
Das ist der Code von hier , sind nur deine Anpassungen von gestern hinzu gekommen.
RE: About Seiten mit CSS Codes anpassen
Das Problem bestand auch hier schon, dass sich die Button nicht nach oben verlagern ließen.
Das ist der Code von hier , sind nur deine Anpassungen von gestern hinzu gekommen.
Hm, sieht das wirklich so ↓ bei Dir aus?
Hi,
nur mal so am Rande, mein Problem konnte ich mittlerweile lösen, das ↓ wäre das mindeste userContent-Voodoo dafür.
Hm, sieht das wirklich so ↓ bei Dir aus?
Ja, so sah es aus nachdem ich den Code von dir eingefügt hatte. Später habe ich ihn dann so verändert:
/* verlagert unter Themes den Namen auf die rechte Seite */
/* https://www.camp-firefox.de/forum/thema/128571-ansicht-erweiterungen-verwalten/?postID=1161843#post1161843 */
addon-list[type="theme"] addon-card div.card.addon div.addon-card-collapsed {
min-height: 82px !important;
padding: 0px 3px 1px 3px !important;
margin: -60px 0 0 810px !important;
}
recommended-themes-section recommended-addon-card .card.addon .card-contents {
min-height: 82px !important;
padding: 0px 3px 1px 3px !important;
margin: -60px 0 0 810px !important;
}
addon-list[type="theme"] .addon-name{ /* Name nach unten versetzt */
margin-top: 9px !important;
}
Alles anzeigen
Dann noch die anderen Button (des originalen Codes) in die "richtige" Position gebracht. Nur die beiden Button lassen sich nicht nach oben verlagern, hat mich schon von Anfang an gestört. Außerdem die Grafikhöhe auf 78px eingestellt.
nur mal so am Rande, mein Problem konnte ich mittlerweile lösen, das ↓ wäre das mindeste userContent-Voodoo dafür.
Danke dafür, das habe ich gleich mal mit verarbeitet.
Auf die Schnelle habe ich den Code mal so angepasst, dass du erkennen kannst, was ich meine.
/*=================== 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: 80vw !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: 82px !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: 90px !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 3px !important; /* Abstand zwischen den Button */
}
/* Ausdehnung in Höhe und Breite */
link:-moz-any([href$="panel-item.css"],[href$="panel-list.css"]) ~ button {
width: unset !important;
padding: 2px 20px !important; /* 2px Höhe / 20px Breite */
}
/* 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;
}
/* bringt die Button in horizontale Lage */
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;
}
panel-list > panel-item:hover {
opacity: 1.0 !important;
filter: contrast(4.00) !important; /* bei Hover wird Kontrast erhöht */
color: white !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: green !important;
color: lightgrey !important;
border: 2px solid red !important;
/* border-radius: 20px !important; */
box-shadow: inset 0 0 2px 2px white !important; /* innerer Schatten */
}
/* Button Aktualisieren bei Hover */
panel-item[badged]:hover {
background: forestgreen !important;
cursor: pointer !important;
opacity: 1.0 !important;
filter: contrast(4.00) !important; /* bei Hover wird Kontrast erhöht */
color: white !important;
}
/* verlagert unter Themes den Namen auf die rechte Seite */
/* https://www.camp-firefox.de/forum/thema/128571-ansicht-erweiterungen-verwalten/?postID=1161843#post1161843 */
addon-list[type="theme"] addon-card div.card.addon div.addon-card-collapsed {
min-height: 82px !important;
padding: 0px 3px 1px 3px !important;
margin: -60px 0 0 810px !important;
}
recommended-themes-section recommended-addon-card .card.addon .card-contents {
min-height: 82px !important;
padding: 0px 3px 1px 3px !important;
margin: -60px 0 0 810px !important;
}
addon-list[type="theme"] .addon-name{ /* Name nach unten versetzt */
margin-top: 9px !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: 175px !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: -23px !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: -23px !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;
}
}
@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;
}
}
/***************************************************************************************/
Alles anzeigen
Hi FuchsFan,
dieses mal muss ich leider passen. Ich schaue mir das aber noch weiter an, vielleicht kann ich doch noch eine Lösung bauen.