Da muss ich leider passen, sorry, ich finde keine eindeutige Bezeichnung nur für diesen einen Eintrag.
Alles kein Beinbruch, Andreas.
Nun habe ich mich notgedrungen für eine andere Lösung entschieden, bei grün Updates automatisch, ansonsten Farben insgesamt darauf abgestimmt. Damit kann ich gut leben. Nochmals danke!
Ich habe das Problem so gelöst:
#page-options > panel-list:nth-child(1) > panel-item:nth-child(1) ist der Bezeichner für den 1. Eintrag im Menü. Diesem habe ich dann die passende Hintergrundfarbe zugewiesen.
Hallo 2002Andreas,
ja, das Problem habe ich auch, aber nicht nur wenn das Menü aufklappt, sondern ganz speziell beim Hovern, als ob ein Schleier drüber liegt, ich habe dafür bis jetzt noch keine Lösung gefunden.
Ich habe das Problem so gelöst:
Hallo grisu2099 ..
Problem...teste mal mit background white...das funktioniert nicht.
ansonsten Farben insgesamt darauf abgestimmt.
Auch eine Möglichkeit
Aber in anderer Farbe!
Ja, weil sie über dem alten grauen Hintergrund liegt, und ihn somit verdeckt.
Ja, weil sie über dem alten grauen Hintergrund liegt, und ihn somit verdeckt.
Das ist so, denn ich wollte die Farbe des Hintergrundes nutzen (gainsboro), da ist dann wieder vorbei.
So sieht das bei mir aus, ich habe auch die originale Hoverfarbe mal eingefügt, sieht man recht deutlich, ist halt irgendwie verschleiert.
Ich habe das so gelöst.
panel-item[action="check-for-updates"][data-l10n-id="addon-updates-check-for-updates"] {
background: red !important;
--icon: url("file:///C:/Dropbox/Chrome/Icons/updates_prüfen.png") !important; }
panel-item[action="view-recent-updates"][data-l10n-id="addon-updates-view-updates"] {
background: green !important;
--icon: url("file:///C:/Dropbox/Chrome/Icons/update_1.png") !important; }
panel-item[action="install-from-file"][data-l10n-id="addon-install-from-file"] {
background: green !important;
--icon: url("file:///C:/Dropbox/Chrome/Icons/update_2.png") !important; }
panel-item[action="debug-addons"][data-l10n-id="addon-open-about-debugging"] {
background: green !important;
--icon: url("file:///C:/Dropbox/Chrome/Icons/addons_debuggen.png") !important; }
panel-item[action="set-update-automatically"][data-l10n-id="addon-updates-update-addons-automatically"] {
background: green !important;
--icon: url("file:///C:/Dropbox/Chrome/Icons/V_grün.png") !important;
}
panel-item[action="reset-update-states"][data-l10n-id="addon-updates-reset-updates-to-automatic"] {
background: blue !important;
--icon: url("file:///C:/Dropbox/Chrome/Icons/addons_auto.png") !important;
}
panel-item[action="reset-update-states"][data-l10n-id="addon-updates-reset-updates-to-manual"] {
background: blue !important;
--icon: url("file:///C:/Dropbox/Chrome/Icons/addons_manuell.png") !important; }
panel-item[action="manage-shortcuts"][data-l10n-id="addon-manage-extensions-shortcuts"] {
background: blue !important;
--icon: url("file:///C:/Dropbox/Chrome/Icons/keybord.png") !important; }Die Hintergrundfarben habe ich nur zum Test eingefügt, ich benutze das so nicht.
Gruß
EDV-Oldi
Hängt das möglicherweise damit zusammen, daß ich hier gleichzeitig auch ein Icon mit eingefügt habe??
In meinem dunklen Fuchs klappt das jedenfalls prima ( auch im Menü des 3-Punkte-Buttons bei den Erweiterungen).
So sieht das bei mir aus
Wenn du gaaanz genau hinsiehst....der obere Hintergrund ist etwas anders als die der anderen Einträge.
Wenn du gaaanz genau hinsiehst....der obere Hintergrund
Das hatte ich aber auch geschrieben ↓.
aber nicht nur wenn das Menü aufklappt, sondern ganz speziell beim Hovern
Ich nutze ja keinen Code für die Seite, aber es muss eine Möglichkeit geben nur den Hintergrund zu entfernen.
Evtl. kann uns Sören Hentzschel ja helfen
Menno,
das hat aber gedauert, das ↓ hilft bei mir.
#page-options > panel-list > panel-item,
#page-options > 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;
}
Nur für den einen Eintrag reicht dann schon:
panel-item[action="check-for-updates"][data-l10n-id="addon-updates-check-for-updates"] {
--in-content-button-background: none !important;
}Alles hat ein Ende, nur ........
Und weil das so gut geklappt hat, dann gleich noch die passende Sache dazu. Beim Hovern über die einzelnen Zeilen kommt ja auch immer der Hintergrund wie in der ersten Zeile (wurde ja schon gesagt), findet ihr dazu auch noch den passenden Code.
Hat sich erledigt!!!!
Nur für den einen Eintrag reicht dann schon
Da das Hover-Problem ja aber bei allen panel-items auftritt, habe ich das halt komplett festgenagelt.
habe ich das halt komplett festgenagelt.
Alles ist gut...du hast allen damit sehr geholfen, danke
Hallo, Andreas!
Der alte Code, in dem die rechten Button (Entfernen, usw.) einzeln ansprechbar waren , funktioniert ja nicht mehr. Nun versuche ich das schon eine ganze Weile in dem Code von Aris zu realisieren. Das ist mir bei Einstellungen und bei Aktualisieren (manuelle Suche) gelungen, ist im Code speziell gekennzeichnet. Nun habe ich es mit den restlichen Versucht, aber es will mir nicht gelingen. Hast du eine Idee dazu ?
/* Firefox Quantum userChrome.css tweaks ************************************************/
/* Github: https://github.com/aris-t2/customcssforfx ************************************/
/****************************************************************************************/
@-moz-document url-prefix(chrome://mozapps/content/extensions/extensions.xul), url-prefix(about:addons),url-prefix(chrome://mozapps/content/extensions/aboutaddons.html) {
html {
--addon-page-options-width: 340px;
}
/* <some> locales require adjustments */
html:-moz-any([lang="ru"],[lang="it"],[lang="fr"],[lang="el"]) {
--addon-page-options-width: 440px;
}
html[lang*="es-"] {
--addon-page-options-width: 460px;
}
/**/
addon-list[type="theme"] addon-card:not([expanded="true"]) button[data-l10n-id="enable-addon-button"]:not(.theme-enable-button),
.more-options-menu panel-item {
background: white !important;
color: black !important;
margin: 0 1px !important;
border: 1px solid lightgrey !important;
}
addon-list[type="theme"] addon-card:not([expanded="true"]) button[data-l10n-id="enable-addon-button"]:not(.theme-enable-button):not([badged]),
addon-list panel-item:not([badged]){
border: 1px solid lightgrey !important;
}
addon-list addon-card:not([expanded="true"]) panel-list * {
background: white !important;
color: black !important;
}
addon-list[type="theme"] addon-card:not([expanded="true"]) button[data-l10n-id="enable-addon-button"]:not(.theme-enable-button):hover,
addon-list[type="theme"] addon-card:not([expanded="true"]) button[data-l10n-id="enable-addon-button"]:not(.theme-enable-button):active {
border: 1px solid black !important;
}
@supports -moz-bool-pref("browser.in-content.dark-mode") {
@media (prefers-color-scheme: dark) {
addon-list addon-card:not([expanded="true"]) panel-list *,
addon-list[type="theme"] addon-card:not([expanded="true"]) 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:not([expanded="true"]) button[data-l10n-id="enable-addon-button"]:not(.theme-enable-button):hover,
addon-list[type="theme"] addon-card:not([expanded="true"]) button[data-l10n-id="enable-addon-button"]:not(.theme-enable-button):active {
border: 1px solid white !important;
}
}}
addon-list panel-item{
margin: 0 1px !important;
}
/* reduce size of default buttons */
link:-moz-any([href$="panel-item.css"],[href$="panel-list.css"]) ~ button {
width: unset !important;
padding: 2px 5px !important;
}
/* remove three dots button */
addon-card .more-options-button {
display: none !important;
}
/* remove button icon */
:host([checked]),
panel-item[checked],
addon-list panel-item {
--icon: unset !important;
}
/* restore buttons */
div.arrow.top + div.list {
display: flex !important;
flex-flow: row wrap !important;
justify-content: flex-start !important;
}
/*===========================================================================*/
/* blendet den Hintergrund aus bei Hover */
/* ursprüngliche Version abgeändert / jetzt bei den Button auch der Hintergrund bei Hover weg */
/* Wirkung auf das Menü hinter dem Zahnrad bleibt bestehen */
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: dodgerblue !important;
}
/*====== Button Aktualisieren =========*/
panel-item[badged] {
border: 1px solid Highlight !important;
}
/* Button Aktualisieren bei Hover */
panel-item[badged]:hover {
background: lime !important;
}
/* das ist einer von vielen Versuchen den Button Entfernen zu aktivieren */
panel-item[action="delete"]:hover{
order: -1;
background: red !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: var(--addon-page-options-width) !important;
z-index: 1000 !important;
}
addon-page-options panel-list panel-item {
min-width: calc(var(--addon-page-options-width) - 20px) !important;
width: 320px !important;
}
.sticky-container {
z-index: 1000 !important;
}
link:-moz-any([href$="panel-item.css"],[href$="panel-list.css"]) ~ button label[accesskey] {
padding-inline-start: 20px !important;
padding-top: 3px !important;
padding-bottom: 3px !important;
min-width: calc(var(--addon-page-options-width) - 10px) !important;
width: calc(var(--addon-page-options-width) - 10px) !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: 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;
}
/*addon-list:-moz-any([type="theme"],[type="plugin"],[type="dictionary"],[type="all"]) addon-card:not([expanded="true"]) panel-list {
right: 1px !important;
}*/
addon-list addon-card:not([expanded="true"]) panel-list {
margin-top: -48px !important;
}
/*addon-list[type="theme"] addon-card:not([expanded="true"]) panel-list {
-moz-margin-end: 22px !important;
}*/
addon-list addon-card:not([expanded="true"]) .addon.card .theme-enable-button {
-moz-appearance: none !important;
min-width: 20px !important;
width: 20px !important;
max-width: 20px !important;
height: 20px !important;
font-size: 0 !important;
border: 1px solid !important;
border-top: 3px solid !important;
-moz-margin-end: 1px !important;
opacity: 0.9 !important;
}
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 url("chrome://global/skin/icons/check.svg") 2px no-repeat !important;
}
addon-list addon-card:not([expanded="true"]):hover .addon.card[active="true"] .theme-enable-button {
background: red url("chrome://browser/skin/zoom-out.svg") 2px no-repeat !important;
}
addon-list addon-card:not([expanded="true"]):hover .addon.card[active="false"] .theme-enable-button {
background: green url("chrome://global/skin/icons/check.svg") 2px no-repeat !important;
}
addon-list[type="theme"] addon-card:not([expanded="true"]) .card-contents{
height: 40px !important;
}
/*input[type="checkbox"].toggle-button {
margin: 0 8px !important;
}*/
addon-list addon-card:not([expanded="true"]) .addon.card .theme-enable-button,
input[type="checkbox"].toggle-button {
-moz-margin-end: 8px !important;
}
addon-card:not([expanded]) > .addon.card,
addon-card:not([expanded]) > .addon.card * {
overflow: hidden !important;
}
}Ich bin mir nicht sicher was genau du meinst
Ich habe den 3 rechten Button mal einen Hintergrund bei hover gegeben incl. Textfarbe.
dazu habe ich erst den Text ab Zeile 96 bis 101 auskommentiert, und dann diesen eingefügt:
panel-item[action="remove"]:hover,
panel-item[action="report"]:hover,
panel-item[action="expand"]:hover {
color: white !important;
background: red !important;
}
panel-item[action="check-for-updates"][data-l10n-id="addon-updates-check-for-updates"] {
--in-content-button-background: none !important;
}
panel-item[action="check-for-updates"][data-l10n-id="addon-updates-check-for-updates"]:hover {
background: lightgrey !important;
}