Nutze einfach die Erweiterung CustomizeMyBird... dort ist unter anderem dies möglich...
https://addons.thunderbird.net/de/thunderbird…customizemybird
moin, moin...
Da o.g. Add-On für TB 68.x nicht mehr funktionuckelt, meine Frage:
Wie bekomme ich jetzt die eckigen Tabs per CSS schön rund , gleich groß, mit etwas Abstand und verschiedenen Hintergründen für Aktiv/Inaktiv?
guuts Nächtle...
Uli
Wie bekomme ich jetzt die eckigen Tabs per CSS schön rund , gleich groß, mit etwas Abstand und verschiedenen Hintergründen für Aktiv/Inaktiv?
Hallo
Habe TB 68.1.0 und diese Einträge in der "userChrome.css" und es funktioniert. Werte kann man was Farbe und Größe betrifft anpassen.
/************************************Tabs abgerundet**********************************************/
.tabbrowser-tab:not([selected="true"]){
border-radius: 7px !important;
border:1px solid black!important;
margin-bottom:1px!important;
}
.tab-background[selected="true"] {
border-radius: 7px !important;
border:1px solid black!important;
margin-bottom:1px!important;
}
.tabbrowser-tab::after, .tabbrowser-tab::before {
margin-inline-start: 0px!important;
border-left: 0px solid!important;
border-image:none!important;
border-image-slice: 0!important;
width: 0px!important;
box-sizing: border-box;
opacity: 0!important;
}
.tab-line {
display:none!important
} /************************************ Schrift in Tabs *******************************************/
tab .tab-text {
font-size: 11,5px !important;
font-weight: bold !important; }/*************************** Hintergrundfarbe aktives Tab - grün ****************************/
.tab-background[selected="true"] {
background: #99ff66 !important; }
/********************************* Hintergrundfarbe inaktive Tabs - gelb ********************/
tab:not([selected="true"]) {
background: #ffff00 !important; }Einfach mal testen.
Wo kann ich abgucken, wie Du in TB die Tabs so schön rund und den Menüleisten-Inhalt hinbekommen hast?
Hwww ha tDir ja schon eine Code oben angeboten.
Ich habe den von Aris für Thunderbird und mich angepasst.
hie mein Code:
/* Thunderbird userChrome.css tweaks ****************************************************/
/* Github: https://github.com/aris-t2/customcssforfx ************************************/
/* geändert am 12.08.2019 vom EDV-Oldie *************************************************/
:root {
--default_tab_border_roundness: 10px;
}
/* tab top border roundness */
#tabmail-tabs .tabmail-tab,
#tabmail-tabs .tabmail-tab .tab-stack,
#tabmail-tabs .tabmail-tab .tab-background,
#tabmail-tabs .tabmail-tab .tab-content {
border-top-left-radius: var(--default_tab_border_roundness) !important;
border-top-right-radius: var(--default_tab_border_roundness) !important;
overflow: hidden;
}
#tabmail-tabs .tabs-newtab-button{
border-top-left-radius: var(--default_tab_border_roundness) !important;
border-top-right-radius: var(--default_tab_border_roundness) !important;
}
/* hide tab separators */
.tabmail-tab::after,
.tabmail-tab::before {
opacity: 0 !important;
border-image: unset !important;
border-image-slice: unset !important;
width: unset !important;
}
#tabmail-tabs[movingtab] > .tabmail-tab[beforeselected]:not([last-visible-tab])::after,
.tabmail-tab:not([selected]):not([afterselected-visible]):not([afterhovered]):not([first-visible-tab]):not(:hover)::before,
#tabmail-tabs:not([overflow]) > .tabmail-tab[last-visible-tab]:not([selected]):not([beforehovered]):not(:hover)::after {
content: unset !important;
display: unset !important;
}
.tabmail-tab[selected] {
color: white !important;
border: 2px solid white !important;
}
.tabmail-tab:not([selected]) {
color: black!important;
border: 1px solid gray !important;
}
.tabmail-tab[selected] .tab-content {
background: darkgray !important;
}
.tabmail-tab {
margin-left: 3px !important;
}
/* Tab-Icon etwas größer,
* links weniger, unten etwas mehr Abstand zum TAB-Rand.
#tabmail-tabs .tab-icon-image {
height: 20px !important;
width: 20px !important;
margin-left: -3px !important;
margin-bottom: 2px !important;
} */
/* Tab-Schließen-Button:
* Rechts weniger Abstand zum TAB-Rand, etwas größer,
* Textfarbe (Kreuz)
* Hintergrundfarbe, an den Eckenradius des Buttons angepaßt.
*/
/* #tabmail-tabs .tab-close-button {
margin-right: -3px !important;
padding: 0 !important;
color: white !important;
border-radius: 5px !important;
border:2px solid lightgrey!important;
}
#tabmail-tabs .tab-close-button:not([selected="true"]) {
height: 22px !important;
width: 22px !important;
background: red !important;
border:2px solid lightgrey!important;
border-radius: 5px !important;
} */
/* Tab-Schließen-Button bei angewähltem TAB (aktiv):
* Hintergrundfarbe.
#tabmail-tabs .tab-close-button[selected="true"] {
border:2px solid lightgrey!important;
background-color: red !important;
border-radius: 5px !important;
} */
#tabmail-tabs .tab-close-button[selected="true"] {
color: white !important;
}Viel Spaß beim testen
Gruß
EDV-Oldi
Mein Dank geht an Euch beide, wird Euch ewig verfolgen, aaaaber....
...letztendlich hab ich mich dafür entschieden, EDV-Oldis Code zu übernehmen und daran weiterzubasteln.
Sieht schon ganz nett aus, aber Feinschliff dauert halt dann doch etwas.
Eins ist mir aber schon aufgefallen:
Das Grau des Bereiches, in dem die Tabs liegen gefältt mir garnicht
Wie kann ich da die Farbe ändern?
Im FF hab ich das mit so einer Zeile gelöst
#TabsToolbar {background: cyan !important;}Was muß ich hier im TB verwenden?
Edith sagt: "#tabs-toolbar" statt "#TabsToolbar".
Was so ein Bindestrich doch ausmachen kann 