aber anpassen wofür , Firefox 110.0 ?
Version 111 und 112, 110 nicht getestet.
Danke auch, und wenn anpassen, warum auf dieses "interessante" Design?
Weil es Spaß an der Freude ist. 
Du hast ja einen ganz eigenen Stil, der laut Bild größer ist (als meiner).
Deswegen hatte ich betont, nach Vorlage von......
Die Vorlage von .DeJaVu musste ich wieder anpassen, wer Interesse hat, bediene sich.
@-moz-document url-prefix(chrome://browser/content/browser.xhtml) {
/* Eigenes Icon für Button */
#navigator-toolbox toolbar#nav-bar.browser-toolbar toolbarbutton#unified-extensions-button.toolbarbutton-1 > .toolbarbutton-icon {
list-style-image: url("file:///C:/FoxIcons/0109.png") !important;
opacity: 0.9 !important;
}
/* Popup-Menü HG und Border */
#unified-extensions-view.cui-widget-panelview{
background-color: gainsboro !important;
border: 4px solid royalblue !important;
padding: 0px 10px 0px 10px !important;
width: 370px !important;
}
/* Scrollbar ausgeblendet */
#unified-extensions-view.cui-widget-panelview vbox.panel-subview-body{
scrollbar-width: none !important;
}
/* grid */
#unified-extensions-area,
.unified-extensions-list {
display: grid !important;
grid-template-columns: repeat(3, 1fr) !important;
}
/* Überschrift "Erweiterungen" */
#unified-extensions-view.cui-widget-panelview vbox.panel-header h1 span {
color: #881111 !important;
font-size: 1.8em !important;
display: flex !important;
justify-content: center !important;
}
/* Zusatzbeschriftungen der Button ausgeblendet */
.unified-extensions-item-contents label.unified-extensions-item-name,
#unified-extensions-area .unified-extensions-item-message-deck .unified-extensions-item-message,
.unified-extensions-list .unified-extensions-item-message-deck {
display: none !important;
}
/* Größe der Icons aller Erw. */
#unified-extensions-area.customization-target .toolbarbutton-1.unified-extensions-item-action-button.subviewbutton.panel-no-padding.webextension-browser-action stack.toolbarbutton-badge-stack image.toolbarbutton-icon,
/* panel .unified-extensions-item[unified-extensions="true"] .webextension-browser-action > .toolbarbutton-badge-stack > .toolbarbutton-icon, */
.unified-extensions-list toolbarbutton .unified-extensions-item-icon {
height: 25px !important;
width: 25px !important;
}
/* Button der aktiven Erw. */
#unified-extensions-panel toolbaritem.unified-extensions-item {
max-width: unset !important;
width: 112px !important;
height: 40px !important;
background-color: grey !important;
margin: 1px !important;
border: 1px solid green !important;
border-radius: 4px !important;
padding: 0 2px !important;
}
/* Button der aktiven Erw. bei Hover HG farbig */
#unified-extensions-panel toolbaritem.unified-extensions-item:hover {
background-color: beige !important;
border: 1px solid coral !important;
}
/* Button der inaktiven Erw. */
.unified-extensions-list .unified-extensions-item {
max-width: unset !important;
width: 107px !important;
height: 40px !important;
background-color: grey !important;
opacity: 0.85 !important;
margin-top: 6px !important;
/* margin: 1px !important; */
border: 1px solid blue !important;
border-radius: 4px !important;
padding: 0 2px !important;
}
/* Button der inaktiven Erw. bei Hover HG farbig */
.unified-extensions-list .unified-extensions-item:hover {
background-color: gold !important;
border: 1px solid coral !important;
}
/* bei Hover grauer HG der Button ausgeblendet */
.unified-extensions-item-action-button.panel-no-padding.webextension-browser-action.subviewbutton:hover{
background-color: transparent !important;
}
.unified-extensions-item-action-button {
overflow: visible !important;
}
/* Icons aktive Erw. */
#unified-extensions-area image.toolbarbutton-icon {
opacity: 1 !important;
margin-left: 2px !important;
padding: 0 !important;
}
/* Icons inaktive Erw. */
.unified-extensions-list image.unified-extensions-item-icon {
opacity: 1 !important;
margin-left: -4px !important;
padding: 0 !important;
}
/* Button mit dem Zahnkranz (Verwalten) / aktive Erw. */
#unified-extensions-area.customization-target toolbaritem.toolbaritem-combined-buttons.unified-extensions-item.chromeclass-toolbar-additional toolbarbutton.unified-extensions-item-menu-button.subviewbutton.subviewbutton-iconic{
background-color: black !important;
border: 1px solid gainsboro !important;
min-width: 32px !important;
max-width: 32px !important;
max-height: 32px !important;
margin-left: -94px !important;
color: orange !important;
}
/* bei Hover*/
#unified-extensions-area.customization-target toolbaritem.toolbaritem-combined-buttons.unified-extensions-item.chromeclass-toolbar-additional toolbarbutton.unified-extensions-item-menu-button.subviewbutton.subviewbutton-iconic:hover{
background-color: #D1E2F2 !important;
border: 1px solid brown !important;
min-width: 32px !important;
max-width: 32px !important;
max-height: 32px !important;
margin-left: -94px !important;
}
/* Zahnkranz aktive Erw. bei Hover andere Farbe */
#unified-extensions-area.customization-target toolbaritem.toolbaritem-combined-buttons.unified-extensions-item.chromeclass-toolbar-additional:hover toolbarbutton.unified-extensions-item-menu-button.subviewbutton.subviewbutton-iconic image.toolbarbutton-icon {
fill: forestgreen !important;
}
/* Button mit dem Zahnkranz (Verwalten) / inaktive Erw. */
.unified-extensions-item-menu-button.subviewbutton.subviewbutton-iconic{
background-color: black !important;
border: 1px solid gainsboro !important;
min-width: 32px !important;
max-width: 32px !important;
max-height: 32px !important;
margin-left: 17px !important;
color: orange !important;
}
/* bei Hover */
.unified-extensions-item-menu-button.subviewbutton.subviewbutton-iconic:hover{
background-color: lightyellow !important;
border: 1px solid brown !important;
min-width: 32px !important;
max-width: 32px !important;
max-height: 32px !important;
margin-left: 17px !important;
}
/* Zahnkranz inaktive Erw. bei Hover andere Farbe */
.unified-extensions-item-menu-button:hover .toolbarbutton-icon {
fill: magenta !important;
}
/* Zahnkranz aktive Erw. / Icon */
#unified-extensions-area.customization-target toolbaritem.toolbaritem-combined-buttons.unified-extensions-item.chromeclass-toolbar-additional toolbarbutton.unified-extensions-item-menu-button.subviewbutton.subviewbutton-iconic image.toolbarbutton-icon {
margin-left: -1px !important;
}
/* Zahnkranz inaktive Erw. / Icon */
#unified-extensions-view.cui-widget-panelview vbox.panel-subview-body vbox.unified-extensions-list unified-extensions-item.unified-extensions-item toolbarbutton.unified-extensions-item-menu-button.subviewbutton.subviewbutton-iconic image.toolbarbutton-icon {
margin-left: -1px !important;
}
/* Button unten "Erweiterungen verwalten" */
#unified-extensions-manage-extensions {
background-color: #f0f0db !important;
margin-left: 50px !important;
max-width: 250px !important;
max-height: 30px !important;
min-height: 30px !important;
border: 1px solid grey !important;
border-width: 3px !important;
border-style: double !important;
color: #5511aa !important;
}
/* bei Hover */
#unified-extensions-manage-extensions:hover {
background-color: #D1E2F2 !important;
color: brown !important;
margin-left: 50px !important;
margin-right: 0 !important;
}
/* Text "Erweiterungen verwalten" */
[data-l10n-id="unified-extensions-manage-extensions"] {
color: gainsboro !important;
font-size: 1.4em !important;
font-weight: 600 !important;
padding-left: 0px !important;
display: flex !important;
justify-content: center !important;
}
/* Text "Erweiterungen verwalten" verlagert */
#unified-extensions-manage-extensions.subviewbutton.panel-subview-footer-button.unified-extensions-manage-extensions label.toolbarbutton-text {
margin: -7px 0 0 0 !important;
}
}Auf deinem Screenshot ist links auch zu erkennen:
Ja, so auch auf Deinem Screenshot.
Ist das nur bei mir so, oder kann das jemand bestätigen
Guten Morgen, Andreas!
Im Nightly probiert mit dem Bastelcode von gestern.
Nächste Woche soll es wieder kalt werden, dann hast du Zeit und Muße dazu.
Das wäre es, aber keine Ruhe damit.
Alles raus, nur noch den betreffenden Code-Schnipsel, und sofern backround dazu kommt, dann ist der Schatten da.
Ich verabschiede mich davon, bringt nichts. 
Aber das habt ihr bestimmt schon ausprobiert.
Danke, für Deine Zuarbeit. 
Das hatte ich in dem Zusammenhang auch schon probiert, aber dadurch verändert sich nur der äußere Abstand, der Schatten bleibt trotzdem.
Bin mal gespannt an was es liegt
Führt kein Weg hin, immer Schatten, wenn ich den HG einfüge. Schn........e voll, habe erst einmal umgebaut, ist einfacher.
/*===== Popup-Menüs aus der Bibliothek ======*/
arrowscrollbox.menupopup-arrowscrollbox{
background: lightgrey !important;
border: 3px solid grey !important;
border-radius: 0 !important;
padding: 6px !important;
}Das reicht mir völlig aus.
Wenn ich mich wieder davon erholt habe, dann nehme ich das Teil noch einmal auseinander.
Ohne meinen Zusatzcode sieht das dann so aus:
Da muss dann ja noch was anderes mitwirken, weshalb das hier so ist. Ich nehme das nochmal auseinander, melde mich wieder. Danke, Andreas.
Auf meinem Screenshot ist von einem Schatten nichts zu erkennen.
Ja, sehr komisch, aber jetzt weiß ich wo das her kommt. Füge mal background-color (ich habe gold dort stehen) hinzu, dann erscheint der Schatten.
und dann sieht das hier so aus damit:
Ich gebe auf, Schatten bleibt. Nehme ich den Code-Teil raus, dann ist der vom Panel da, aber auch der lässt sich nicht ausblenden.
Danke, Andreas, für Deine Unterstützung.
Der macht bei mir gar nichts.
Wenn ich den padding-Wert auf 20px anhebe, dann sieht es so aus.
Ich habe den mal breiter und in rot gemacht, damit man es besser erkennen kann mit dem Schatten:
Das habe ich gestern auch gedacht, aber das ist es nicht gewesen.
Für den äußeren blauen Rand ist dieser Code zuständig, und daher kommt wohl der Schatten, denke ich.
#placesContext menu#placesContext_open\:newcontainertab menupopup,
#fileRestoreMenu menupopup#fileRestorePopup,
#viewMenuPopup menu#viewSort menupopup,
#viewMenuPopup menu#viewColumns menupopup,
#places menupopup#textbox-contextmenu.textbox-contextmenu,
#placesMenu menu#organizeButton.menu-iconic menupopup#organizeButtonPopup,
#placesPopupset menupopup#placesContext,
#placesMenu menu#viewMenu.menu-iconic menupopup#viewMenuPopup,
#placesMenu menu#maintenanceButton.menu-iconic menupopup#maintenanceButtonPopup{
border: 3px solid dodgerblue !important;
padding: 0px !important;
}Ist hier dann auch so.
Danke, Andreas, wir lassen das, damit kann ich leben.
Teste bitte mal.
In die shadow.css
Leider kein Ergebnis.
Den abges. Modus hast du mal versucht?
Verhält sich auch so.
Was mir auffällt, der Ordner "Weitere Lesezeichen" ist ja ganz am Ende der Sidebar, und beim Aufruf dieser, ist er auch noch markiert. Ob es damit zu tun hat?
Zur Bibliothek habe ich noch zwei Sachen gefunden, die ich nicht bereinigt bekomme.
1. Beim Aufruf der Bibliothek ist der Scrollbalken immer am unteren Ende, betrifft aber nur die Sidebar. Wieso ist er nicht am oberen Ende? Kann das geändert werden?
2. Alle Popup-Menüs haben einen Schatten, wie bekomme ich diesen weg?
Unten Rechts ist eine Ecke nicht abgerundet.
Hatte ich auch bemerkt, war der Ansicht, dass es gewollt war.
Vielen Dank für Deine Hilfe und Deinen CSS Code der hat mir sehr
weiter geholfen.
Das freut mich, dass ich Dir auch wieder mal helfen konnte.
Mir gefällt es ohne die vielen farblichen Linien besser.
Du bist der Boss!
Teste bitte mal den für about:logins
Sei gegrüßt, Endor!
Ich habe mal getestet, der linke eingerahmte Teil stimmt noch nicht ganz. Sonst .
Ja
Ist doch sehr komisch, nun habe ich den versucht, und damit funktioniert es auch. Danke, Andreas.
#placesContext_openBookmarkContainer\:tabs::before{
Kein Problem hier damit.
Hast Du den aus #1 genommen?
Im aktuellen Nightly reagiert der Selektor für "Alle Lesezeichen öffnen" nicht, egal welche Auswahl ich nehme. kann das mal bitte geprüft werden, das war das Letzte was ich probiert habe.
/* Alle Lesezeichen öffnen */
#placesContext_open [data-l10n-id="places-open-all-bookmarks"]::before {
margin-right: 10px !important;
margin-left: -28px !important;
padding-right: 5px !important;
content: '' !important;
display: block !important;
width: 19px !important;
height: 15px !important;
background-file: url("file:///C:/FoxIcons/0819.png") !important;
background-repeat: no-repeat !important;
background-position: 4px 0px !important;
background-size: 15px 15px !important;
}
