Mein letzter Versuch:
Vielleicht hilft da wirklich nur Testen?
Darauf antwortete ich mit "Vermutlich"! Welches Ergebnis brachte das Testen?
Das Testen brachte zumindest die Erkenntnis, daß, wenn die Tableiste eine Höhe von 50px hat, die Schrift in den Tabs vertikal mittig dargestellt wird; so hoch mag ich die Leiste aber nicht. Der Test brachte auch die Erkenntnis, daß der jeweils aktive Tab dann erheblich höher dargestellt wird und sich teils außerhalb der Tableistenhöhe befindet.
Aktuell schaut das so aus; nachstehend nur das, was Tab und Tableiste betrifft; (die Farben und die Anordnung der Leisten habe ich generell separiert und neu zusammengestellt und sind, da diese funktionieren, folglich nicht enthalten.)
#TabsToolbar { min-height: 40px !important; max-height: 40px !important;}
#tabbrowser-tabs { min-height: 40px !important; max-height: 40px !important;}
tab[selected="true"] { min-height: 40px !important; max-height: 40px !important;}
tab.tabbrowser-tab[selected] { min-height: 40px !important; max-height: 40px !important;}
#TabsToolbar { top: 121px !important; width: 101vw !important; }
.tab-content { justify-content: center !important; align-items: center !important; }
Mit Ausnahme der vertikalen Schriftzentrierung, (letzte Zeile), funktioniert auch diese Darstellung.