Warum vergibst du eigentlich bei den drei Schaltflächen sowohl background als auch fill und das auch noch mit unterschiedlichen Farben?
Das habe ich mal so übernommen, und mich deshalb nicht weiter darum gekümmert. Danke für deine Hinweise, werde ich ändern.
gibt es den Selektor
Er macht jedenfalls das was er soll ( nur die Icons fehlen alle).
Beide zusammen ergibt hier:
Sehr komisch.
In drei Profilen probiert, mit gleichem Ergebnis. 
Der Code ist in Verwendung, eventuell kannst du den Fehler ausmachen. Es ist kein weiterer css-Code aktiv (userChrome.css).
:root {
--proton-tab-radius: 0px !important;
--proton-tab-block-margin: 0px !important;
--inline-tab-padding: 10px !important;
}
#TabsToolbar {
min-height: 31px !important;
max-height: 31px !important;
border-top: 1px solid #B2B2B2 !important;
border-bottom: 1px solid #B2B2B2 !important;
padding-bottom: 5px !important;
padding-left: 3px !important;
}
#TabsToolbar .toolbarbutton-1 {
margin-top: 2px !important;
margin-bottom: 1px !important;
}
#TabsToolbar .toolbarbutton-1 > image {
padding: 2px 2px !important;
}
/* Höhe der Tabs */
.tabbrowser-tab {
min-height: 30px !important;
max-height: 30px !important;
box-shadow: none !important;
border: 0 !important;
margin-right: -3px !important;
margin-top: -1px !important;
}
/* Schrift im Zentrum */
.tab-content {
display: flex !important;
justify-content: center !important;
align-items: center !important;
}
.tab-label-container {
margin: auto !important;
}
.tabbrowser-tab > .tab-stack > .tab-content > .tab-close-button {
flex-shrink: 0 !important;
padding: 7px !important;
width: 24px !important;
}
/* blendet den Hintergrund aller Tabs aus */
.tab-background[selected] {
background: none !important; }
.tab-background {
box-shadow: none !important;
border: 0 !important;
background: none !important;
}
/* Länge der Tabs */
.tabbrowser-tab:not([pinned]) {
min-width: 200px !important;
max-width: 200px !important;
}
#tabbrowser-tabs:not([positionpinnedtabs]) > #tabbrowser-arrowscrollbox > .tabbrowser-tab[pinned] + .tabbrowser-tab:not([pinned]) {
margin-inline-start: 6px !important;
}
.tabbrowser-tab .tab-content {
background: lightblue !important;
padding: 0 3px !important;
margin-top: 2px !important;
margin-bottom: 1px !important;
border: 1px solid grey !important;
}
.tabbrowser-tab[selected="true"] .tab-content {
background: gold !important;
margin-top: 2px !important;
margin-bottom: 1px !important;
}
.tabbrowser-tab:hover .tab-content {
background: yellow !important;
}
.tabbrowser-tab[selected="true"]:hover .tab-content {
background: royalblue !important;
}
.tab-throbber:not([pinned]),
.tab-sharing-icon-overlay:not([pinned]),
.tab-icon-pending:not([pinned]),
.tab-icon-image:not([pinned]) {
margin-top: -1px !important;
margin-inline-end: 5px !important;
}
/* .tab-icon{
margin-top: -2px !important;} */
.tabbrowser-tab .tab-content .tab-text.tab-label,
.tabbrowser-tab:hover .tab-content .tab-text.tab-label {
margin-top: 1px !important;
}
.tabbrowser-tab[label*=" - YouTube"] .tab-content,
.tabbrowser-tab[label*="YouTube - youtube.com"] .tab-content {
background-image: linear-gradient(to bottom, red 0%, red 14%, red 14%, red 100%) !important;
}
.tabbrowser-tab[label*=" - YouTube"][selected="true"] .tab-content,
.tabbrowser-tab[label*="YouTube - youtube.com"][selected="true"] .tab-content {
background-image: linear-gradient(to bottom, green 0%, green 14%, red 14%, red 100%) !important;
}
.tabbrowser-tab[label*=" - YouTube"]:hover .tab-content,
.tabbrowser-tab[label*="YouTube - youtube.com"]:hover .tab-content {
background-image: linear-gradient(to bottom, saddlebrown 0%, saddlebrown 14%, saddlebrown 14%, saddlebrown 100%) !important;
}
.tabbrowser-tab[label*=" - YouTube"][selected="true"]:hover .tab-content,
.tabbrowser-tab[label*="YouTube - youtube.com"][selected="true"]:hover .tab-content {
background-image: linear-gradient(to bottom, green 0%, green 14%, saddlebrown 14%, saddlebrown 100%) !important;
}
.tabbrowser-tab .tab-content vbox.tab-label-container.proton {
-moz-box-orient: horizontal !important;
}
.tabbrowser-tab .tab-content vbox.tab-label-container.proton hbox.tab-icon-sound {
margin-top: 3px !important;
margin-right: 5px !important;
}
.tab-icon-sound[soundplaying="true"],
.tab-icon-sound[muted="true"],
.tab-icon-sound[activemedia-blocked="true"] {
background: #FFF !important;
padding: 0 1px !important;
}
.tab-icon-sound[soundplaying="true"] .tab-icon-sound-image,
.tab-icon-sound[muted="true"] .tab-icon-sound-image,
.tab-icon-sound[activemedia-blocked="true"] .tab-icon-sound-image {
fill: #F10 !important;
}
.tab-icon-sound-image {
height: 1.5em !important;
}
.tabbrowser-tab .tab-content vbox.tab-label-container.proton label[class="tab-icon-sound-label tab-icon-sound-blocked-label"],
.tabbrowser-tab .tab-content vbox.tab-label-container.proton label[class="tab-icon-sound-label tab-icon-sound-playing-label"],
.tabbrowser-tab .tab-content vbox.tab-label-container.proton label[class="tab-icon-sound-label tab-icon-sound-muted-label"] {
display: none !important;
}
/*======== Alltabs-Button Scrollpfeile (Pfeil links/rechts) ========*/
/*==== hat auch Wirkung auf Scrollbutton in Lesezeichen ordnern ====*/
toolbarbutton#scrollbutton-up {
background: lightblue !important;
border: 1px solid royalblue !important;
margin-top: 1px !important;
/* margin-bottom: 2px !important; */
fill: blue !important;
max-height: 28px !important;
min-height: 28px !important;
size: 16px !important;
}
toolbarbutton#scrollbutton-up:hover {
background: yellow !important;
border: 1px solid royalblue !important;
fill: red !important;
min-height: 20px !important;
}
toolbarbutton#scrollbutton-down {
background: lightblue !important;
border: 1px solid royalblue !important;
margin-top: 1px !important;
/* margin-bottom: 2px !important; */
max-height: 28px !important;
min-height: 28px !important;
}
toolbarbutton#scrollbutton-down:hover {
background: yellow !important;
border: 1px solid royalblue !important;
fill: red !important;
min-height: 28px !important;
}
/* All-Tabs-Button wird angezeigt */
#alltabs-button{
visibility: visible !important;
fill: blue ! important;
background: gold !important;
border: 1px solid blue !important;
max-width: 28px !important;
min-width: 28px !important;
margin-right: 3px !important;
max-height: 28px !important;
min-height: 28px !important;
/* margin-top: -4px !important; */
/* font-size: 2.5em !important; */
/* margin-bottom: 2px !important; */
}
/* ändert Farbe bei Hover */
#alltabs-button:hover .toolbarbutton-badge-stack {
background: none !important;
}
#alltabs-button:hover {
background: greenyellow !important;
border: 1px solid red !important;
}
/* im alltabs-button - new-tab-button ausblenden */
#TabsToolbar #new-tab-button {
display: none !important;
}
/* rechts bündiger Abschluss der Tableiste */
hbox.titlebar-spacer,
tabs tab:not([fadein]) {
display: none !important;
}
#allTabsMenu-allTabsView {
background-color: beige !important;
border: 2px solid green !important;
border-radius: 8px !important;
max-width: 0 !important;
min-height: 600px !important;
padding: 0 !important;
margin: 0 !important;
}Ich meine, die Pfeile sind (hier) nicht kleiner.
Dann nimm mal bitte den Code "Tabs Proton-Design" von hier RE: Anpassungen wegen Proton dazu, dann sollte es bestimmt auch mit den kleinen Pfeilen so sein.
Ergo muss es etwas in deinem kompl. Code sein
Das stimmt, Andreas, wenn ich diesen Code komplett verwende, dann sind auch die Pfeile klein.
/*======== Alltabs-Button Scrollpfeile (Pfeil links/rechts) ========*/
/*==== hat auch Wirkung auf Scrollbutton in Lesezeichenordnern ====*/
toolbarbutton#scrollbutton-up {
background: lightblue !important;
border: 1px solid royalblue !important;
margin-top: 1px !important;
margin-bottom: 1px !important;
fill: blue !important;
max-height: 28px !important;
min-height: 28px !important;
}
toolbarbutton#scrollbutton-up:hover {
background: yellow !important;
border: 1px solid royalblue !important;
fill: red !important;
min-height: 20px !important;
}
toolbarbutton#scrollbutton-down {
background: lightblue !important;
border: 1px solid royalblue !important;
margin-top: 1px !important;
margin-bottom: 1px !important;
max-height: 28px !important;
min-height: 28px !important;
}
toolbarbutton#scrollbutton-down:hover {
background: yellow !important;
border: 1px solid royalblue !important;
fill: red !important;
min-height: 28px !important;
}
/* All-Tabs-Button wird angezeigt */
#alltabs-button{
visibility: visible !important;
fill: blue ! important;
background: gold !important;
border: 1px solid blue !important;
max-width: 28px !important;
min-width: 28px !important;
margin-right: 3px !important;
max-height: 28px !important;
min-height: 28px !important;
margin-bottom: 3px !important;
}
/* ändert Farbe bei Hover */
#alltabs-button:hover .toolbarbutton-badge-stack {
background: none !important;
}
#alltabs-button:hover {
background: greenyellow !important;
border: 1px solid red !important;
}
/* im alltabs-button - new-tab-button ausblenden */
#TabsToolbar #new-tab-button {
display: none !important;
}
/* rechts bündiger Abschluss der Tableiste */
hbox.titlebar-spacer,
tabs tab:not([fadein]) {
display: none !important;
}
#allTabsMenu-allTabsView {
background-color: beige !important;
border: 2px solid green !important;
border-radius: 8px !important;
max-width: 0 !important;
min-height: 600px !important;
padding: 0 !important;
margin: 0 !important;
}Mit Proton müsste es aber trotzdem zu tun haben, denn in Version 88 sieht es mit dem Code noch so aus.
Teste bitte mal:
Sorry, Andreas, kann erst heute antworten. Alles perfekt, sieht gut aus, danke. 
Wenn du in meinem Beitrag darüber das Bild anschaust, dann ist zu erkennen, dass die Pfeile sich alle verkleinern, sofern bei Proton die Größe der Button geändert wird. Hast du dafür auch noch eine Lösung?
Der 'alltabs-button erhält bei Hover (grüne Farbe) diesen grauen, im Umriss größeren Hintergrund. Wie bekomme ich den weg?
Ich habe mal zur Probe den Code von hier RE: Anpassungen wegen Proton installiert, da gibt es keine Probleme.
Einzig durch Verringerung der Höhe gehen Schrift und Icons Richtung unteren Rand, was aber bei Proton jetzt wohl "immer" so ist.
Ja, bei Popups gibt es eine kleine Besonderheit. Da muss eine Einstellung aktiviert werden, damit Popups sichtbar bleiben, ansonsten kannst du deren Einträge nicht auswählen.
Suchet, und ihr werdet finden.
In so einem Fall einfach im Profilordner die Datei chrome_debugger_profile löschen.
Danke, Andreas, das hat geholfen, nun konnte ich wieder alles bedienen.
Mit Verlaub FuchsFan, aber du könntest es wenigstens mal versuchen, den Selektor herauszufinden.
Nervt dich hier irgend etwas? 
Ja, milupo, deine Anleitung habe ich mir einige Male durchgelesen. Dazu dann immer die einzelnen Schritte ausgeführt, teilweise mit Erfolg, aber wenn es dann um die Popup geht, dann wird es eng. Immer wieder versucht, dann konnten nicht mehr die Browser-Werkzeuge gestartet werden, usw. Manchmal musste der Fox in die Tonne, und ein neuer her.
context_openANewTab
Danke, Andreas.
Noch was entdeckt, Kontext-Menü beim Tab neuer Eintrag, wie heißt hier der Selektor.
Du warst auf dem falschen Wege.
Hmmm! Gut, wenn du meinst. 
Dich trifft - so wie ich das sehe - keine Schuld.
Habe ich auch nicht behauptet, da musst du Andreas nicht in Schutz nehmen, er macht das schon.
Das sind andere Einträge.
Hmmm! Na gut. 
Wenn du dann jetzt für Nightly (Proton) mir noch diese Selektoren (Felder ohne Icons) für das Menü Extras nennen könntest, dann würde wieder Freude aufkommen. In der 88beta ist alles noch da.
Gerne doch..und sorry...mit Brille wäre das nicht passiert und gleich richtig gewesen
Ist doch erst Montag, Andreas, Steigerung immer möglich.
Alles wird gut, herzlichen Dank, passt wunderbar.
So habe ich es gemacht, mich gewundert, dass keine Anzeige kommt. Mir geht es um diese beiden Einträge für Ordner in der Lesezeichen-Symbolleiste.
Sind wir da auf anderen Wegen unterwegs?
Danke, Andreas, aber nun brauche ich für den Eintrag wieder deine Hilfe. Hier in Zeile 1 RE: Anpassungen wegen Proton mit ::before, wie muss das jetzt bei dem Code RE: Anpassungen wegen Proton in Zeile 1 und 4 angewendet werden?
Da gibt es noch neue Einträge für Kontextmenü bei Ordnern und Lesezeichen, kannst du mal bitte die Selektoren dazu nennen.
Danke, Andreas, das passt.
Du kannst auch einen pauschalen Code für alle Haken nehmen:
Das habe ich jetzt so eingerichtet, danke.
Noch ein Selektor fehlt für Kontext der Tableiste, Neuer Tab.
Oder auch so:
Sehr gut, diese funktionieren beide. Danke !
