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

    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... ;)

    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

    Keyboard not found. Press any key to continue.

    "Woher soll ich wissen, was ich denke, bevor ich lese, was ich schreibe?"

    (Frei nach Edward Forster)

    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

    Keyboard not found. Press any key to continue.

    "Woher soll ich wissen, was ich denke, bevor ich lese, was ich schreibe?"

    (Frei nach Edward Forster)

    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

    Keyboard not found. Press any key to continue.

    "Woher soll ich wissen, was ich denke, bevor ich lese, was ich schreibe?"

    (Frei nach Edward Forster)

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

    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

    Keyboard not found. Press any key to continue.

    "Woher soll ich wissen, was ich denke, bevor ich lese, was ich schreibe?"

    (Frei nach Edward Forster)

    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 :ziehtdenhut:, da muss man erst einmal drauf kommen.

    Insgesamt sieht das CSS nun so aus:

    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

    1. die Schlagworte im CSS in Kleinbuchstaben schreibt
    2. wenns geht, Leerstellen, Unterstriche, Bindestriche, Punkte usw. vermeidet (am besten nur ein Wort ;))
    3. insb. & auf jeden Fall vermeidet (scheint mir nicht richtig escaped zu sein, da kommt ein schräg gekappter Labeltext raus)
    4. 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"
    5. +-,;:#§$%()[]= usw. habe ich nicht ausprobiert ..

    Gruß
    Sehvornix

    Keyboard not found. Press any key to continue.

    "Woher soll ich wissen, was ich denke, bevor ich lese, was ich schreibe?"

    (Frei nach Edward Forster)

    Zitat von Sehvornix

    Anregungen + Korrekturen sind willkommen.

    Ich rege mal an... Teste bitte:

    Statt:

    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?? :/

    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.

    :thumbup:

    Gruß
    Sehvornix

    Keyboard not found. Press any key to continue.

    "Woher soll ich wissen, was ich denke, bevor ich lese, was ich schreibe?"

    (Frei nach Edward Forster)