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

dharkness21

Zitat von Grisu2099

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

Deswegen haben meine Schlagworte für stroke z.B. #FFF als Farbe gesetzt.

Grisu2099

Zitat von Sehvornix

Wo kann ich die Zuordnung der Label zu den Schlagworten finden?

Schau mal in den erweiterten Einstellungen. In der Suchleiste als Stichwort label eingeben. Dann findest du Einträge wie: mailnews.labels.color.1 usw. Dahinter steht eine Farbbezeichnung. Diese Farbe nimmst du für das entsprechende Label. Für dein Beispiel also mailnews.labels.color.3 nehmen...

Zitat von dharkness21

Deswegen haben meine Schlagworte

Ich hatte vorhin nur auf die Schnelle aus meinem Code kopiert. Bei neutralem Hintergrund sieht man die Schlagwortfarbe gut...

Sehvornix

Zitat von dharkness21

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.

Das wiederum funktioniert so noch nicht.

So könnte ich ja auch nur die Label 1-9 nutzen. Es sind aber ungefähr 26, wobei ich die Standard-Label eigentlich auch bewußt nicht nutze.

Die Label sehen so in der Art aus (prefs.js):

Code

user_pref("mailnews.tags.amazon.color", "#fdd700");
user_pref("mailnews.tags.amazon.tag", "Amazon");

CSS dazu entsprechend der Vorlage:

CSS

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

Auch mit 'T_24amazon' greift das so nicht.

Gruß
Sehvornix

Sehvornix

Zitat von Grisu2099

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

Den Text möchte ich nicht gemäß Label färben. Erst einmal noch nicht. Was die Erkennbarkeit der Label bei markierter Mailkachel betrifft, müsste ich das mal live sehen. So habe ich im Moment nur das Beispiel mit dem Schlagwort 'Persönlich', wo es für mich akzeptabel wäre. Ich dächte dann eher an eine Modifikation der Background-Color-Opazität o.ä..

Gruß
Sehvornix

Grisu2099

Zitat von Sehvornix

Auch mit 'T_24amazon' greift das so nicht.

Das muß auch nach dem Muster T_24labelx laufen. Siehe meinen vorherigen Beitrag.

dharkness21

Zitat von Sehvornix

Auch mit 'T_24amazon' greift das so nicht.

Teste es bitte mit Tamazon.

Sehvornix

Zitat von dharkness21

Teste es bitte mit TAmazon.

Bingo.

user_pref("mailnews.tags.amazon.tag", "Amazon");

Hab mich über den Inspector mal bis zu dem Element durchgehangelt, aber da finde ich ehrlich gesagt noch keinen Anhaltspunkt für diese Referenz.

Wirkt, ist aber unmittelbar immer eingefärbt, nicht erst, wenn es markiert wird.

In Deinem Beispiel weiter oben geht das wohl mit

Code

data-properties~="flagged"

Also müsste ich das jetzt irgendwie miteinander kombinieren. Hab versucht, es für data-properties nachzulesen, aber eine UND-Verknüpfung scheint es nicht zu geben. ^*~| sieht nach RegEx aus.

Gruß
Sehvornix

Sehvornix

Hab's ..

CSS

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

dharkness21

Zitat von Sehvornix

data-properties~="flagged"

Nicht flagged, sondern tagged.

Sehvornix

Ihre beiden habt mir schon super mit den Snippets hier und in anderen Threads weitergeholfen

Zitat von dharkness21

Nicht flagged, sondern tagged.

Siehe #9? Allerdings funktioniert die Kombi tr[data-properties~="Tamazon"][data-properties~="tagged"] so auch nicht.

Inzwischen habe ich es mit dem Class-Selector tr.selected gelöst.

Aktuell komme ich mit der Schriftfarbe nicht weiter. Ich hoffe, einer von euch beiden kann mir dazu auch noch einen Hinweis in die richtige Richtung geben.

Es funktioniert

CSS

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

oder auch

CSS

#threadTree > table > tbody > tr.selected[data-properties~="Tamazon"] {
    color: #FFF !important;
}

Aber nicht

CSS

#threadTree tbody tr.selected[data-properties~="Tamazon"] .card-container {
    background-color: var(--tag-color) !important;
	color: color-contrast(var(--tag-color) vs black, white) !important;
}

obwohl color-contrast ausgewertet wird und abhängig von --tag-color entweder schwarz oder weiß wird. Nur auf die selektierte Mail-Kachel wirkt es nicht im Gegensatz zur statischen Version #FFF.

Gruß
Sehvornix

Grisu2099

Zitat von Sehvornix

Allerdings funktioniert die Kombi tr[data-properties~="Tamazon"][data-properties~="tagged"] so auch nicht.

Das ist ja auch doppelt gemoppelt. Wenn der Eintrag tr[data-properties~="Tamazon"] vorhanden ist, muß auch der Eintrag [data-properties~="tagged"] vorhanden sein..

In Sachen Schriftfarbe muß ich noch mal grübeln...

Sehvornix

Auch die Nuss für die Referenzierung des Textes und color-contrast ist geknackt:

Nicht color: color-contrast(var(--tag-color) vs black, white) !important;, sondern color: var(--tag-contrast-color) !important;. Da haben die also ihre eigene Variable definiert. Nice , da muss man erst einmal drauf kommen.

Insgesamt sieht das CSS nun so aus:

CSS

/* Label ent-stacken und Abstand zwischen den Labeln justieren */
tr[data-properties~="tagged"] .thread-card-icon-info .thread-card-tags-info {
	gap: 14px !important;
}

/* die markierte Mail-Kachel in Kartenansicht als Hintergrundfarbe die Farbe des Labels */
/* zunächst allgemeine Vorgaben */
/* dunkle Label-Farbe >> helle Textfarbe */
#threadTree tbody tr.selected .card-container {
    color: var(--tag-contrast-color) !important;
}

/* Absender in der Labelfarbe */
#threadTree tbody tr:not(.selected) .card-container .sender {
    color: var(--tag-color) !important;
}

/* die ersten fünf Label funktionieren nach dem Muster .. label1 .. label2 .. */
#threadTree tbody tr.selected[data-properties~="T_24label1"] .card-container {
    background-color: var(--tag-color) !important;
}

/* weitere selbstdefinierte Label, exemplarisch 'Amazon' >> Tamazon */
#threadTree tbody tr.selected[data-properties~="Tamazon"] .card-container {
    background-color: var(--tag-color) !important;
}

/* aso. für jedes Schlagwort ein solcher Block */

Alles anzeigen

Anregungen + Korrekturen sind willkommen.

In Thunderbird kommt das in etwa so raus:

Alles markiert:

Ich finde, die Label-Farbe wird durch den gleichen Farbton für den Absender dezent unterstützt und wenn eine Mail markiert wird, ist das Label trotzdem noch zu erkennen, aber durch die Hintergrundfarbe eh klar, um welches Schlagwort es sich handelt. Dazu wechselt die Farbe des Textes je nach Labelfarbe in einen passenden Kontrast. Es bleibt alles gut lesbar.

Das sieht vielleicht auf den ersten Blick viel zu bunt aus, aber mir hilft es in einer täglichen langen Liste von Mails sehr schnell die Mails zu finden, die zu einem Schlagwort gehören, ohne erst nach Schlagworten zu filtern. Ferner, wenn Mails reinkommen, die bisher noch nicht durch Filter verschlagwortet werden, fallen auch die sofort auf.

Abschließend noch ein bisschen Knoffhoff zu den Schlagworten selbst. Sobald die ersten fünf Schlageworte, repräsentiert durch $label1 bis $label5 nicht ausreichen und eigene Schlagworte definiert werden, kommt es 100%ig zu Schwierigkeiten, diese eigenen Schlagworte über das CSS zu adressieren. Jedenfalls konnte ich hierzu herausfinden, dass man

die Schlagworte im CSS in Kleinbuchstaben schreibt
wenns geht, Leerstellen, Unterstriche, Bindestriche, Punkte usw. vermeidet (am besten nur ein Wort )
insb. & auf jeden Fall vermeidet (scheint mir nicht richtig escaped zu sein, da kommt ein schräg gekappter Labeltext raus)
wenn die Schlagworte doch Leerstellen, Unterstriche, Bindestriche, Punkte enthalten, diese entsprechend codieren muss: Leerstelle "Name Nachname" muss im CSS als "name_5fnachname" stehen, Unterstrich "Name_Nachname" muss im CSS ebenfalls "name_5fnachname" werden, Bindestrich "Name-Nachname" muss im CSS "name_2dnachname" werden und ein Punkt "Name.Nachname" im CSS schließlich zu "name_2enachname"
+-,;:#§$%()[]= usw. habe ich nicht ausprobiert ..

Gruß
Sehvornix

Grisu2099

Zitat von Sehvornix

Anregungen + Korrekturen sind willkommen.

Ich rege mal an... Teste bitte:

Statt:

CSS

/* dunkle Label-Farbe >> helle Textfarbe */
#threadTree tbody tr.selected .card-container {
    color: var(--tag-contrast-color) !important;
}
/* die ersten fünf Label funktionieren nach dem Muster .. label1 .. label2 .. */
#threadTree tbody tr.selected[data-properties~="T_24label1"] .card-container {
    background-color: var(--tag-color) !important;
}

/* weitere selbstdefinierte Label, exemplarisch 'Amazon' >> Tamazon */
#threadTree tbody tr.selected[data-properties~="Tamazon"] .card-container {
    background-color: var(--tag-color) !important;
}

Alles anzeigen

nimm mal dies:

CSS

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

Hab ich jetzt was übersehen, oder liefert das den gleichen Effekt??

Sehvornix

Zitat von Grisu2099

Hab ich jetzt was übersehen, oder liefert das den gleichen Effekt?

Ja, liefert den gleichen Effekt.

Erspart somit auch komplett das Handling der individuellen Label-Bezeichnungen im CSS.

Gruß
Sehvornix

Grisu2099

Zitat von Sehvornix

Erspart somit auch komplett das Handling der individuellen Label-Bezeichnungen im CSS.

Eben deswegen...

DarkCorri53i

Zitat von dharkness21

Teste bitte das ↓.

Hallo Dharkness,

ich habe deinen Code aus Beitrag #8 und #9 benutzt. Alles supi. Nur eine Kleinigkeit funktioniert noch nicht. Neue Nachrichten die gruppiert sind haben keine Farbe. Hast du da eine idee?

Gruß

Markus

dharkness21

Zitat von DarkCorri53i

Nur eine Kleinigkeit funktioniert noch nicht. Neue Nachrichten die gruppiert sind haben keine Farbe. Hast du da eine idee?

Z.Z. nicht, das schaue ich mir aber nochmal an.

DarkCorri53i

Zitat von DarkCorri53i

ich habe deinen Code aus Beitrag #8 und #9 benutzt. Alles supi. Nur eine Kleinigkeit funktioniert noch nicht. Neue Nachrichten die gruppiert sind haben keine Farbe.

Hallo Leute,

hat noch jemand eine Idee wie ich neue gruppierte Nachrichten in der Kartenansicht farblich darstellen kann?

Gruß

Markus

DarkCorri53i

Zitat von DarkCorri53i

Hallo Leute,
hat noch jemand eine Idee wie ich neue gruppierte Nachrichten in der Kartenansicht farblich darstellen kann?

Wirklich niemand eine Idee? Grisu2099 @Bastler Mapenzi

Gruß

Markus

Grisu2099

Ich nutze keine gruppierten Nachrichten...

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

Thunderbird 139.0.2 veröffentlicht

Thunderbird 128.11.1 ESR veröffentlicht

Ähnliche Themen

Problem mit userChrome.css

Thunderbird Beta 122 bis Beta 128 hat Dateibeschädigung in IMAP-Konten

TB 115 was soll neu sein an der Oberfläche?

[TB 102] userChrome.css anpassen: Beste Praxis