Dann sind diese Tabs eben ein bisschen flacher. No Problem
Doch, das ist ein Problem, ich schraube gerade daran, aber wirklich erkennen kann ich das Problem noch nicht wirklich, teste bitte mal die ↓ Variante, ersetze Dein vollständiges CSS, vorher wie immer aber ein Backup der userChrome.css machen.
CSS
/* ORDNERFARBEN: */
/* nicht neue, aber ungelesene Mails, wenn Posteingang NICHT markiert ist */
li.unread > .container > .name {
color: maroon !important;
}
/* neue Mails, wenn Posteingang beim Start von TB NICHT ausgewählt (markiert) ist */
li.new-messages > .container > .name {
color: #c30052 !important;
}
/* nicht neue, aber ungelesene Mails, wenn Posteingang markiert ist */
li.unread.selected > .container > .name {
color: maroon !important;
}
/* neue Mails, wenn Posteingang beim Start von TB ausgewählt (markiert) ist */
li.new-messages.selected.current > .container > .name {
color: #c30052 !important;
}
/* hellroter Hintergrund bei der ganzen Zeile der neu eingegangenen Email */
tr[data-properties~="new"] :where(td) {
appearance: none !important;
background-color: #ecd0de !important;
}
/* ========================================================== */
/* ---Fuehrungslinien im Verzeichnisbaum 128.x--- */
li:not([data-server-type]) > .container div.twisty {
border-right: 1px solid #c30052 !important; /* Linie Dicke und Farbe */
margin-right: 8px !important;
margin-left: -8px !important;
margin-top: -16px !important; /* negativer schiebt Linie hoch */
}
li:not([data-server-type]) > .container .icon::before {
content: '--' !important;
color: #c30052 !important; /* Farbe der Querlinie */
margin-left: -9px !important;
}
li:not([data-server-type]) > .container div.twisty img.twisty-icon {
margin-bottom: -16px !important; /* negativer zieht Winkel Icon runter */
}
/* ========================================================== */
/* Höhe der Tabbar reduzieren. */
#tabs-toolbar {
min-height: 28px !important;
max-height: 28px !important;
padding: 0 0 0 1px !important;
margin: 0 !important;
}
/* AKTIVE Reiter (Tabs) >> Menü: "Posteingang, Kalender..." */
.tabmail-tab {
border-radius: 1px 1px 0 0 !important;
min-height: 26px !important;
max-height: 26px !important;
padding: 0 !important;
margin-top: 3px !important;
}
/* Hintergrundfarbe (dunkelrot) */
.tabmail-tab[selected="true"] .tab-background {
background-color: #c30052 !important;
background-image: none !important;
}
/* Schriftfarbe */
.tabmail-tab[selected="true"] .tab-text.tab-label {
color: #ffffff !important;
}
/* Schriftfarbe */
.tabmail-tab:not([selected]) .tab-text.tab-label {
color: #c30052 !important;
/* font-weight: bold !important; */ /* Schrift fett */
}
/* NICHT aktive Reiter (Tabs( >> Menü: "Posteingang, Kalender..." */
/* Hintergrundfarbe (mittelrot) */
.tabmail-tab:not([selected]) .tab-background {
background-color: #ecd0de !important;
min-height: 26px !important;
max-height: 26px !important;
margin: 0 0 3px !important;
}
.tabmail-tab:not([selected]) .tab-label-container {
margin: -4px 0 0 !important;
}
/* Farben und Linien der Ränder um die Reiter (Tabs) herum */
.tabmail-tab:not([selected]) {
/* border-bottom: 1px solid #c30052 !important; */
/* border-top: 1px solid #c30052 !important; */
border-right: 1px solid #c30052 !important;
border-radius: 1px 1px 0 0 !important;
}
.tab-line {
display: none !important;
}
/* Nicht aktive Tabs bei HOVER */
.tabmail-tab:not([selected]):hover .tab-background {
background-color: #c30052 !important;
}
/* Schriftfarbe */
.tabmail-tab:not([selected]):hover .tab-text {
color: #FFFFFF !important;
}
/* ========================================================== */
/* Kreuz-Icon (nicht aktiv) - mit hellrotem Hintergrund */
.tab-close-icon {
/* border: 1px solid #c30052 !important; /* Farbe Linie um das Kreuz herum */
border-radius: 4px !important;
background-color: #ecd0de !important;
width: 16px !important;
height: 16px !important;
margin: -5px -5px 0 0 !important;
}
/* Kreuz-Icon (aktiv) bei selektiertem Tab */
.tabmail-tab[selected] .tab-icon-image {
margin: 0px 4px 0 -3px !important;
}
/* Kreuz-Icon Hintergrund (aktiv) ist hellrot */
.tabmail-tab[selected] .tab-close-icon {
border: 1px solid #ecd0de !important;
border-radius: 4px !important;
background-color: #ecd0de !important;
width: 16px !important;
height: 16px !important;
margin: -2px -3px 0 0 !important;
}
/* ========================================================== */
/***** mittleres Menü "Datei, Bearbeiten, Ansicht..." *****/
/* >> hier wird der Hintergrund re. NEBEN diesem Menü eingefärbt */
#toolbar-menubar {
border-bottom: 1px solid #c30052 !important;
background-color: #ecd0de !important;
color: #c30052 !important;
}
/***** oberes Menü (Abrufen, Verfassen, Chat... etc. *****/
/* >> hier wird der komplette Hintergrund des oberen Menüs eingefärbt */
#unifiedToolbarContainer {
/* border-bottom: 1px solid #c30052 !important; */
background-color: #c30052 !important;
color: #FFFFFF !important;
}
/* ========================================================== */
/***** mittleres Menü "Datei, Bearbeiten, Ansicht..." anpassen. *****/
/* >> Anpassung der Farben u. Hintergrund des eigentlichen Menüs */
#mail-menubar > menu,
#viewSource-main-menubar > menu {
border-right: 1px solid #c30052 !important;
/* font-weight: bold !important; /* Fettschrift von "Datei, Bearbeiten..." */
background-color: #ecd0de !important;
color: #c30052 !important;
}
/* Hintergrund bei hover */
#mail-menubar > menu:hover,
#viewSource-main-menubar > menu:hover {
background-color: #c30052 !important;
color: #FFFFFF !important;
}
/* ========================================================== */
/* Hintergrund um das untere Menü herum (Posteingang, Kalender, Adressbuch...) */
#tabs-toolbar {
background-image: none !important;
background-color: #ecd0de !important;
}
/* Hintergrund des Bereichs bei eingegangener Email --> "Von, An, Betreff" */
#messageHeader {
border-bottom: 1px solid #c30052 !important;
border-top: 1px solid #c30052 !important;
background-color: #e6bfd2 !important;
color: #000 !important;
}
/* ========================================================== */
/* Button und Toolbarbutton von #unifiedToolbar anpassen. */
/* >> die Schaltfläche links und das Hamburgermenü rechts (3 Striche) */
#unifiedToolbar > toolbarbutton {
background-color: #c30052 !important;
color: #ecd0de !important;
}
/* die beiden Schaltflächen li + re bei hover */
#unifiedToolbar > toolbarbutton:hover {
background-color: #ecd0de !important;
color: #c30052 !important;
}
/* Hintergrund und Schriftfarbe des oberen Menüs (Abrufen, Verfassen, Chat...) */
#unifiedToolbarContent > li > div > button {
/* border: 1px solid #ecd0de !important; */
/* background-color: #ecd0de !important; */
color: #FFFFFF !important;
}
/* Hintergrund und Schriftfarbe des oberen Menüs (Abrufen, Verfassen, Chat...) bei hover */
#unifiedToolbarContent > li > div > button:hover {
background-color: #ecd0de !important;
color: #c30052 !important;
}
/* ========================================================== */
/* Hintergrund und Farbe der Buttons rechts bei "Antworten, Weiterleiten, Archivieren..." */
#starMessageButton,
#header-view-toolbar > toolbarbutton,
#header-view-toolbar > toolbaritem > toolbarbutton {
background-color: #c30052 !important;
color: #FFF !important;
}
#starMessageButton:hover,
#header-view-toolbar > toolbarbutton:hover,
#header-view-toolbar > toolbaritem > toolbarbutton:hover {
background-color: #ecd0de !important;
color: #c30052 !important;
}
#tabs-toolbar > toolbarbutton,
#restartthunderbird-toolbar {
min-height: 26px !important;
max-height: 26px !important;
min-width: 26px !important;
max-width: 26px !important;
border-radius: 0 !important;
border: 0 !important;
background-color: #c30052 !important;
color: #FFF !important;
padding: 0 !important;
margin: 1px 1px 1px 0 !important;
}
#restartthunderbird-toolbar {
min-height: 22px !important;
max-height: 22px !important;
min-width: 22px !important;
max-width: 22px !important;
margin: 0 0 0 2px !important;
}
#tabs-toolbar > toolbarbutton:hover,
#restartthunderbird-toolbar:hover {
background-color: #ecd0de !important;
color: #c30052 !important;
}Dort eventuell mit dem margin-top spielen.
CSS
/* AKTIVE Reiter (Tabs) >> Menü: "Posteingang, Kalender..." */
.tabmail-tab {
border-radius: 1px 1px 0 0 !important;
min-height: 26px !important;
max-height: 26px !important;
padding: 0 !important;
margin-top: 3px !important;
}
