TB 128 css Befehl für Kartenansicht haben sich geändert, gibt es eine neu Liste?

Hallo,

Zitat von heinzie

Kartenfunktion ggf. auch generell abschalten

Einstellungen - Ansicht - Fensterlayout - "Kopfzeile der Nachrichtenliste" aktivieren. Dort dann ganz rechts entsprechend anklicken und aktivieren. Wenn die Kopfzeile wieder weg soll - auch wieder deaktivieren.

Zitat von heinzie

ich glaube das Problem ist, dass der alte Code nur auf den gesamten Hintergrund der eigentlichen Karten wirkt und nicht auf die Karten selber. Im Beispiel eine ungelesen Nachricht mit grünem Hintergrund.
Es oll dann eigentlich die Karte grün werden.

Teste bitte das ↓.

#threadTree tbody tr[data-properties~="unread"] .card-container {
    background-color: #0082FC !important;
}
#threadTree tbody tr[data-properties~="unread"][data-properties~="new"] .card-container {
    background-color: #006800 !important;
}
#threadTree tbody tr.selected .card-container {
    background-color: #800 !important;
}
#threadTree tbody tr .card-container:hover,
#threadTree tbody tr[data-properties~="unread"] .card-container:hover,
#threadTree tbody tr[data-properties~="unread"][data-properties~="new"] .card-container:hover,
#threadTree tbody tr.selected .card-container:hover {
    background-color: #D1E2F2 !important;
    color: #000 !important;
}

Zitat von heinzie

Wo holst du nur immer so schnell die Infos weg.

Die ermittle ich mit dem Entwickler-Werkzeugkasten, den findest Du im Menü Extras unter Entwickler-Werkzeuge.

Zitat von heinzie

Könnte man auch die Farbe ändern wenn z.B. die Mail gekennzeichnet wäre?

Das wäre dann das ↓.

#threadTree tbody tr[data-properties~="flagged"] .card-container {
    background-color: #00407c !important;
}
#threadTree tbody tr[data-properties~="unread"][data-properties~="flagged"] .card-container {
    background-color: #00274c !important;
}

Zitat von heinzie

Danke, jetzt ist es perfekt für mich.

Aber gerne doch.

dharkness21,

wie kann man den Hintergrund einer Mail-Karte in der Kartenansicht in der Farbe des ersten zugeordneten Schlagwortes färben?

Dein Code oben färbt es statisch ein. Ich möchte gerne mit dynamischer Färbung testen.

#threadTree tbody tr[data-properties~="unread"] .card-container {
    background-color: #0082FC !important;
}
#threadTree tbody tr[data-properties~="unread"][data-properties~="new"] .card-container {
    background-color: #006800 !important;
}
#threadTree tbody tr.selected .card-container {
    background-color: #800 !important;
}
#threadTree tbody tr .card-container:hover,
#threadTree tbody tr[data-properties~="unread"] .card-container:hover,
#threadTree tbody tr[data-properties~="unread"][data-properties~="new"] .card-container:hover,
#threadTree tbody tr.selected .card-container:hover {
    background-color: #D1E2F2 !important;
    color: #000 !important;
}

Geht das mit der Kartenansicht? Das wäre dann nämlich in etwa so, wie es in der Tabellenansicht möglich ist.

Gruß
Sehvornix

Bitte mal testen:

[is="tree-view-table-body"] {
	& > .card-layout > td {
		& > .card-container {
			background-color: rgb(50,50,52) !important;
			border: 2px ridge rgb(211,211,211) !important;
			border-radius: 10px !important;
			padding: 2px 10px 2px 5px !important;
			}
		}
	}
[is="tree-view-table-body"] {
	& > .card-layout > td[aria-selected] {
		& > .card-container {
			background-color: rgb(0,128,0) !important;
			color: #000000 !important;
			}
		}
	}
[is="tree-view-table-body"] {
	& > .card-layout > td {
		& > .card-container:hover {
			background-color: rgb(0,200,0) !important;
			color: #000000 !important;
			}
		}
	}
[is="tree-view-table-body"] {
	& > .card-layout {
		&:is(:hover, :focus, :focus-within) {
			& .card-container {
				box-shadow: none !important;
				}
			}
		}
	}
#threadTree[rows="thread-card"] {
	& .card-layout {
		& td {
			& .card-container {
				& .tag-icon {
					-moz-context-properties: fill, stroke !important;
					width: 16px !important;
					height: 16px !important;
					fill: transparent !important;
					stroke: var(--tag-color) !important;
					}
				}
			}
		}
	}

Farben bitte anpassen - ist für dunklen TB gemacht...

Das ist die richtige Stelle, aber das CSS färbt statisch ein, nicht entsprechend dem jeweiligen Label.

Es müsste eine Möglichkeit geben, wie pro Mailkarte die Farbe des ersten Labels zum Einfärben genommen wird. Also nicht

background-color: rgb(50,50,52)

, sondern irgendwie über eine custom propertie.

background-color: var(--labelcolour)

oder wie auch immer man auf die Label referenzieren könnte.

Gruß
Sehvornix

Ich verstehe was du möchtest. Ob ich das zusammengeschraubt kriege - mal sehen...

Zitat von Sehvornix

Zitat von Sehvornix

Geht das mit der Kartenansicht? Das wäre dann nämlich in etwa so, wie es in der Tabellenansicht möglich ist.

Ich möchte gerne mit dynamischer Färbung testen.

Das wird aufwändiger, Du müsstest für jedes Schlagwort einen passenden Eintrag nach diesem ↓ Schema erstellen, dieser Eintrag sollte bei Nachrichten mit dem Schlagwort Persönlich funktionieren.

#threadTree tbody tr[data-properties~="T_24label3"] .card-container {
    background-color: var(--tag-color) !important;
}

Ich weiß allerdings nicht genau, ob es funktioniert, einfach mal testen.

Zur Illustration, worum es mir geht, hier das Pendant in der Tabellenansicht:

Da wird entsprechend dem Schlagwort der Text eingefärbt, wenn die Zeile nicht markiert ist. In meinem Use-Case ist immer nur ein Schlagwort pro Mail zugewiesen. Insofern ist die Farbgebung eindeutig. Markiert man eine Zeile, wählt Thunderbird zum Hervorheben der Zeile nach einem nicht so ganz genau bekannten Verfahren als Hintergrundfarbe der Zeile die Farbe des Schlagwortes und setzt den Text dazu passend für genügend Kontrast entweder schwarz oder weiß, je nach dem, wie hell oder dunkel die Schlagwortfarbe angelegt ist.

Dieses Farb-Konzept würde ich gerne so ähnlich auf die Kartenansicht übertragen. In der Kartenansicht muss der Text erst einmal nicht gefärbt werden. Dafür sind ja die Label da und wenn mann die im Bedarfsfall ent-stacken kann, reicht mir das vorläufig. Aber mir fehlt die Hintergrundfärbung der markierten Mail-Kachel in der Farbe des Labels.

Gruß
Sehvornix

Klappt grundsätzlich - aber die tag-icons sind dann natürlich schlecht bis gar nicht mehr zu erkennen...

Andere Idee: Wie wäre es, den Text entsprechend der Schlagwortfarbe einzufärben?

Zitat von dharkness21

dieser Eintrag sollte bei Nachrichten mit dem Schlagwort Persönlich funktionieren.

Das funktioniert

Das Schlagwort 'Persönlich' habe ich jedoch normal nicht in Gebrauch.

Wo kann ich die Zuordnung der

data-properties~="T_24label3"

zu den Schlagworten finden? Statt 'T_xxlabelzz' würde ich bei mir Einträge wie 'T_xxname' suchen und hoffentlich finden. Es sind zwar ca. 28 Label, aber nur selten Änderungen / Ergänzungen im Bestand. Da könnte ich damit gut leben, dazu passendes CSS anzulegen.

Gruß
Sehvornix

Zitat von Sehvornix

Das funktioniert

Wo kann ich die Zuordnung der

Code

data-properties~="T_24label3"

zu den Schlagworten finden?

Die Schlagworte findest Du in der prefs.js, suche dort mal nach z.B label1 oder label3, das ganze vervollständigst Du dann jeweils zu T_24labelX, wobei das X für die jeweilige gefundene Zahl steht.