So schaut es mit diesem Code aus.
CSS
#TabsToolbar {
background: linear-gradient(to right, powderblue 20%, yellow 60%) !important;
box-shadow: inset 0px 3px 0px 0px rgba(255, 0, 0, 0.9) !important;
mask-image: linear-gradient(to right, transparent 2%, black 100%) !important;
}
.tabbrowser-tab:is([visuallyselected="true"], [multiselected]) > .tab-stack > .tab-background {
background: transparent !important;
box-shadow: none !important;
}
#tabs-newtab-button {
margin-top: 4px !important;
margin-bottom: 4px !important;
background-color: transparent !important;
}
.tabbrowser-tab:not([visuallyselected="true"]) > .tab-stack > .tab-background {
background: transparent !important;
box-shadow: none !important;
}
Alles anzeigen
Und so mit diesem.
CSS
#TabsToolbar {
background: linear-gradient(to right, powderblue 20%, yellow 60%) !important;
box-shadow: inset 0px 3px 0px 0px rgba(255, 0, 0, 0.9) !important;
}
.tabbrowser-tab:is([visuallyselected="true"], [multiselected]) > .tab-stack > .tab-background {
background: transparent !important;
box-shadow: none !important;
}
#tabs-newtab-button {
margin-top: 4px !important;
margin-bottom: 4px !important;
background-color: transparent !important;
}
.tabbrowser-tab:not([visuallyselected="true"]) > .tab-stack > .tab-background {
background: transparent !important;
box-shadow: none !important;
}
Alles anzeigen
Und so, so denke ich, sollte es in etwa sein.
Zumindet habe ich das so verstanden.
Scheuen wir mal.

