Trennstriche bei Postfach, Kalender, Adressbuch... etc. fehlen neuerdings

imebro · November 2, 2024 at 4:53 PM

Hallo,

wie Ihr hier im Screenshot seht, fehlen zwischen den Reitern Kalender, Adressbuch, Einstellungen u. Add-ons-Verwaltung die Trennstriche. Ebenso auch in der Zeile darüber (Ansicht, Termine und Aufgaben, Extras, Hilfe), wobei es aber bei den Reitern darunter wichtiger für mich wäre, dass die Trennstriche wieder da sind.

Außerdem sehen die Reiter garnicht aus wie Reiter.

Kann man diese Trennstriche auch über die "userChrome.css" wieder einfügen?
Und... was aber nicht ganz so wichtig ist... könnte man die entspr. Reiter auch wieder wie Reiter aussehen lassen?

Grüße,

imebro

Grisu2099 · November 2, 2024 at 5:07 PM

Man kann...

Teste mal:

CSS

			/** Aussehen der Tabs **/
	.tabmail-tab {
		border-radius: 8px 8px 0 0 !important;
		min-height: 30px !important;
		max-height: 30px !important;
		padding-inline: 0 !important;
	}
	.tabmail-tab .tab-background[selected="true"] {
		background-color: rgb(0,128,0) !important;
		background-image: none !important;
	}
	.tabmail-tab:not([selected]) {
		border: 1px solid grey !important;
		border-radius: 8px 8px 0 0 !important;
	}
	.tab-line {
		display: none !important;
	}
	.tab-icon-image {
		margin-block: 0 !important;
	}
	.tabmail-tab .tab-label-container {
		border: none !important;
	}
	.tab-background:not([selected]) {
		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;
	}
		/* Lage des Icons */
	.tab-icon-image {
		margin: -4px 4px 0 -5px !important;
	}
		/* Schließen-Button */
	.tab-close-icon {
		border: 1px solid #FFFFFF !important;
		border-radius: 4px !important;
		background-color: rgb(200,0,0) !important;
		width: 16px !important;
		height: 16px !important;
		margin: -5px -5px 0 0 !important;
	}
		/* Icon und Schließen-Button bei selektiertem Tab */
	.tabmail-tab[selected] .tab-icon-image {
		margin: 0px 4px 0 -3px !important;
	}
	.tabmail-tab[selected] .tab-close-icon {
		border: 1px solid #FFFFFF !important;
		border-radius: 4px !important;
		background-color: rgb(200,0,0) !important;
		width: 16px !important;
		height: 16px !important;
		margin: -2px -3px 0 0 !important;
	}

Display More

Bei Änderungswünschen sag Bescheid...

dharkness21 · November 2, 2024 at 5:26 PM

Quote from Grisu2099

Teste mal:

Eines verstehe ich nicht, warum verwendest Du bei Anpassungen für den selektierten Tab nicht grundsätzlich .tabmail-tab[selected], sondern nimmst manchmal eine tiefere Ebene, z.B. .tab-background[selected="true"]?

Sprich warum * und nicht **?

*

.tab-background[selected="true"]

**

.tabmail-tab[selected="true"] .tab-background

** ist zwar länger, aber so sieht es einheitlich aus und man findet Fehler schneller, zumindest bei mir ist es so.

imebro · November 2, 2024 at 5:40 PM

WOW!! Das ist ja Wahnsinn, was man alles mit CSS machen kann

Danke für den Code. Hat funktioniert. Ich muss nur die Farben noch entspr. anpsssen. Ansonsten sieht es perfekt aus.

Vielen Dank again....

Grüße,

imebro

imebro · November 2, 2024 at 6:14 PM

Ich habe eben mal versucht, auch die Schrift innerhalb der Reiter zu verändern, indem ich den folgendem Code-Teil angepaßt habe:

CSS

/* Hintergrund der Reiter hellblau */
	.tabmail-tab .tab-background[selected="true"] {
		background-color: rgb(136,196,255) !important;
		color: maroon !important;
		background-image: none !important; 
	}

Ich habe die Zeile mit "color..." eingegeben.

Leider wird dadurch die Schriftfarbe der Reiter (Posteingang, Kalender etc.) nicht verändert.

Was habe ich falsch gemacht?

Grüße,

imebro

Grisu2099 · November 2, 2024 at 7:06 PM

Hast du denn mal genau auf den aktiven Tab geschaut? Bei dem (und nur bei dem!) hast du die Farbe geändert...

Um auf allen Tabs die Schriftfarbe zu ändern teste:

CSS

/* Hintergrund der Reiter hellblau */
	.tabmail-tab .tab-background {
		background-color: rgb(136,196,255) !important;
		color: maroon !important;
		background-image: none !important; 
	}

Grisu2099 · November 2, 2024 at 7:10 PM

Quote from dharkness21

warum verwendest Du bei Anpassungen für den selektierten Tab nicht grundsätzlich

Kann ich dir auch nicht sagen... Hab mir das irgendwann mal für Firefox zusammengesucht und dann für TB übernommen/angepaßt. Hauptsache es tut was es soll - und das tut es.

imebro · November 2, 2024 at 7:24 PM

Grisu2099

Ja, ich habe auf den aktiven Tab geachtet. Habe jetzt mal auf "red" umgestellt, da man das besser sehen würde.

Aber die Schrift ist definitiv schwarz od. dunkelgrau...

Grüße,

imebro

Grisu2099 · November 2, 2024 at 7:35 PM

Nu aber...

CSS

		/* Hintergrund der Reiter hellblau */
	.tabmail-tab .tab-background {
		background-color: rgb(136,196,255) !important;
		background-image: none !important; 
	}
	.tab-text.tab-label {
		 color: maroon !important;
	}

imebro · November 2, 2024 at 8:51 PM

ja, das hat jetzt funktioniert. Vielen Dank.

Grüße,

imebro

Grisu2099 · November 2, 2024 at 9:06 PM

Gerne

imebro · November 2, 2024 at 9:35 PM

Ich habe jetzt schon ein bisschen CSS gelernt und einiges an Code selbst hinzugefügt. Z.B. dass die Tab-Schrift der nicht selektierten Tabs nochmal eine andere Farbe hat oder dass es ebenfalls unterschiedliche Hintergrundfarben gibt etc. Es ist wirklich interessant, was man mit CSS alles anstellen kann... das wußte ich bisher nicht

Da jetzt meine Reiter vollkommen anders aussehen, als der Rest über diesen Reitern (Tabs), werde ich mal überlegen, ob ich auch mal selbst ein Theme erstelle. Vielleicht finde ich im Forum ja Beschreibungen dazu... oder hast Du / Ihr hier einen Link?

Danke und Grüße,

imebro

ggbsde · November 2, 2024 at 9:59 PM

https://developer.thunderbird.net/add-ons/web-extension-themes

Grisu2099 · November 2, 2024 at 10:06 PM

Quote from imebro

Es ist wirklich interessant, was man mit CSS alles anstellen kann...

Vorsicht: Suchtgefahr!!! Wenn mal damit anfängt, kommt man schwer wieder los davon.

Hier: https://www.w3schools.com/css/default.asp kannst du dich umfassend über die verschiedenen Möglichkeiten einlesen. Du solltest dich dann auch unbedingt mit den Entwickler-Werkzeugen des TB beschäftigen.

imebro · November 2, 2024 at 10:21 PM

OK und danke für die Links.

Ich habe übrigens vor ein paar Jahren schon mal ein Theme für Firefox erstellt, welches ich bis heute nutze.

Kann ich dieses Theme irgendwie auch für Thunderbird nutzen?
Ich weiß jedoch nicht, wie ich das runterladen kann. Ich sehe es zwar in den FF Add-Ons (https://addons.mozilla.org/de/firefox/add…bro_blackberry/), aber dort kann ich es nicht runterladen und ich habe es auch nirgendwo auf meinem Laptop gespeichert.

Grüße,

imebro

Grisu2099 · November 2, 2024 at 10:49 PM

Du hast Post...

imebro · November 2, 2024 at 11:00 PM

Ich habe jetzt viel mit CSS rumgespielt und mein Standard-Theme nun wie folgt verändert. So sieht es jetzt aus:

Ich will dann in den nächsten Tagen mal noch schauen, ob ich auch den Bereich über den Reitern / Tabs noch farblich anpassen kann. Also da wo steht "Datei, Bearbeiten, Ansicht.........".

Und darüber gibt es ja noch einen Bereich, den man hier auf dem Foto nicht sieht. Dort stehen Dinge wie "Abrufen, Verfassen, Chat....."etc.

Aber so wie es jetzt ist, gefällt es mir schon sehr gut und auch diese Linien links im Verzeichnisbaum machen es viel übersichtlicher.

Vielen Dank an alle Helfer

Grüße,

imebro

ggbsde · November 2, 2024 at 11:16 PM

Quote from imebro

Aber so wie es jetzt ist, gefällt es mir schon sehr gut

Über Geschmack lässt sich bekanntlich nicht streiten. Aber schon erstaunlich was da den Augen zugemutet wird.

graba · November 3, 2024 at 12:36 AM

imebro

Bitte für die neue Thematik einen neuen Thread eröffnen und ggf. auf hierhin verweisen.

Hier schließe ich, da das eigentliche Threadthema erledigt ist.

Trennstriche bei Postfach, Kalender, Adressbuch... etc. fehlen neuerdings

graba November 3, 2024 at 12:36 AM

Thunderbird 152.0.1 veröffentlicht

Thunderbird 140.12.1 ESR veröffentlicht