Posteingang – Zeilen farbig markieren?

Zitat von dharkness21

das rückt das Tb-Fenster in den Hintergrund, bleibt aber noch sichtbar

Um deine Aussage noch zu erweitern:
man braucht gar nicht mal das Hauptfenster von Thunderbird zu verlassen, um den Fokus zu ändern. Da das Hauptfenster in mehrere Bereiche (Ordnerliste, Nachrichtenliste, Nachrichtenbereich, Tagesplan, ....) aufgeteilt ist, genügt es in einen anderen Bereich zu klicken, um den Fokus dorthin zu "verlegen".

Um es an einem Beispiel zu verdeutlichen:
in der Nachrichtenliste markiert man eine Nachricht und gibt ihr das Schlagwort "Wichtig" , diese steht also im Fokus und hat den roten Hintergrund des Schlagworts

Wenn man jetzt mit dem Mauszeiger in einen anderen Bereich von TB klickt, beispielsweise in den Tagesplan (oder Nachrichtenbereich) falls aktiviert, dann springt der Fokus in den Tagesplan, wobei TB sich aber immer noch im Vordergrund befindet.

Die Zeile in der Nachrichtenliste ist immer noch markiert, die Schrift hat jetzt die Farbe des Schlagworts und die Hintergrundfarbe ist die einer markierten Nachricht, die nicht mehr fokussiert ist. Dass jetzt der Tagesplan im Fokus steht, sieht man daran, dass ein Termin blau hinterlegt ist.

Zitat von roenni

Habe ja die Auswahlfarbe für alle Mails auf Blau mit weißer Schrift gesetzt...

Das macht TB standardmäßig ohnehin schon. Und mit deinem zweiten Code aus #38 riskierst du, dass er deine Hintergrundfarben für die Schlagwörter übertrumpft.

[Nachtrag: Vielleicht kann den Thread ein Moderator in das CSS-Forum verschieben. Ich glaube, dort wär das Thema besser aufgehoben (und wiederfindbar).]

Sodele, die Darstellung meiner Schlagworte funktioniert mittlerweile gut. Ich möchte das Ganze nun aber nach Mapenzis Hinweis doch noch perfektionieren. Das fertige Schema der Hintergrundfarben soll dann wie folgt aussehen:

Aktuell bekomme ich die Trennung der 3 Grundszenarien

• "unausgewählt"
• "ausgewählt, im Fokus"
• "ausgewählt, nicht im Fokus"

nicht richtig hin. Hat jemand von Euch eine Idee?

Zum Vergleich hier mal meine Einstellungen. Die funktionieren aber aktuell teilweise eher pauschal und nicht so sauber getrennt. Die "Hover-Geschichte" hab ich wieder rausgenommen. Das war so noch nicht das gelbe vom Ei...

/* --- weisse Trennlinie zwischen allen Mails --- */

#threadTree tr[is="thread-row"] td {
border-top: 1px solid #FFFFFF !important;
}

/* --- alle Mails im ausgewählten Zustand 
mit blauem Hintergrund, Textfarbe Weiss --- */

#threadTree tr.selected {
background-color: #0263E1 !important;
color: #FFFFFF !important;
}

/* --- alle Schlagwortfarben im unausgewaehlten Zustand
als Hintergrundfarbe, Textfarben Schwarz --- */

tr[data-properties~="T01"],
tr[data-properties~="T02"],
tr[data-properties~="T03"],
tr[data-properties~="T04"],
tr[data-properties~="T05"],
tr[data-properties~="T06"],
tr[data-properties~="T07"],
tr[data-properties~="T08"],
tr[data-properties~="T09"],
tr[data-properties~="T10"],
tr[data-properties~="T11"],
tr[data-properties~="T12"],
tr[data-properties~="T13"] {
background-color: var(--tag-color) !important;
color: #000000 !important;
}

Ich formulier das ganze mal noch einmal anders:

Wie spreche ich denn die einzelnen Szenarien/Zustände gezielt an? (":focused" klappt irgendwie nicht):

• Mails, unausgewählt:
  • Code

    #threadtree tr { }

• Mails, ausgewählt (keine Unterscheidung, ob im Fokus oder nicht)
  • Code

    #threadtree tr.selected { }

• Mails, ausgewählt, im Fokus
  • Code

    ???

• Mails, ausgewählt, nicht im Fokus
  • Code

    ???

Zitat von roenni

focused" klappt irgendwie nicht

Der heißt auch nur :focus

Zitat von roenni

Mails, ausgewählt, im Fokus

Das sollte .selected.current sein.

Zitat von roenni

Mails, ausgewählt, nicht im Fokus

Das sollte .selected sein.

Achtung, hier kommt es auf die Reihenfolge der Einträge an, also erst .selected, dann .selected.current.

Zitat von roenni

Mails, ausgewählt, nicht im Fokus

/* Background color selected unfocussed messages */
*|*:root {
--listbox-selected-bg: #B9D3EE  !important;  }

Prima, dank Euch.

Ich hab jetzt aufgeräumt, die Organisationsstruktur angepaßt, gekürzt und auf einmal paßt es. Ein Szenario fehlte in meiner Liste.

Den Fokus habe ich durch #threadtree:focus-within endlich ansteuern können.

So klappt's jetzt ziemlich gut:

Wenn man's aber noch kürzen oder für Thunderbird schneller verarbeitbar hinbekommen kann, freu ich mich über Verbesserungsvorschläge

/* --- weisse Trennlinie zwischen allen Mails --- */
#threadTree tr[is="thread-row"] td {
border-top: 1px solid #FFFFFF !important;
}

/* --- 1- Mails, im Fokus, unausgewählt, OHNE Tag 
- Hintergrund Weiss, Text Schwarz --- */
#threadTree:focus-within tr[data-properties~="untagged"] {
background-color: #FFFFFF !important;
color: #000000 !important;
}
/* --- 1- Mails, im Fokus, unausgewaehlt, MIT Tag 
- Hintergrund Tagfarbe, Text Schwarz --- */
#threadTree:focus-within tr[data-properties~="tagged"] {
background-color: var(--tag-color) !important;
color: #000000 !important;
}

/* --- 2- Mails, ohne Fokus, unausgewaehlt, OHNE Tag 
- Hintergrund Weiss, Text Schwarz --- */
#threadTree tr[data-properties~="untagged"] {
background-color: #FFFFFF !important;
color: #000000 !important;
}
/* --- 2- Mails, ohne Fokus, unausgewaehlt, MIT Tag 
- Hintergrund Tagfarbe, Text Schwarz --- */
#threadTree tr[data-properties~="tagged"] {
background-color: var(--tag-color) !important;
color: #000000 !important;
}

/* --- 3- Mails, im Fokus, ausgewaehlt, OHNE Tag 
- Hintergrund Blau, Text Weiss --- */
#threadTree:focus-within tr.selected[data-properties~="untagged"] {
background-color: #0263E1 !important;
color: #FFFFFF !important;
}
/* --- 3- Mails, im Fokus, ausgewaehlt, MIT Tag 
- Hintergrund Blau, Text Weiss --- */
#threadTree:focus-within tr.selected[data-properties~="tagged"] {
background-color: #0263E1 !important;
color: #FFFFFF !important;
}

/* --- 4- Mails, ohne Fokus, ausgewaehlt, OHNE Tag 
- Hintergrund Hellgrau, Text Schwarz --- */
#threadTree tr.selected[data-properties~="untagged"] {
background-color: #E4E4E7 !important;
color: #000000 !important;
}
/* --- 4- Mails, ohne Fokus, ausgewaehlt, MIT Tag 
- Hintergrund Tagfarbe +65%, Text Schwarz --- */
#threadTree tr.selected[data-properties~="tagged"] {
background-color: color-mix(in srgb,var(--tag-color),#FFFFFF 65%) !important;
color: #000000 !important;
}

Zitat von roenni

So klappt's jetzt ziemlich gut:

Sehr verbesserungsbedürftig! So wie er jetzt ist, wie willst du im folgenden Bild ersehen, welche selektiert ist und sich im Fokus befindet?

Es ist doch eigentlich recht einfach, da TB von Haus aus zwischen markierten Mails im Fokus versus markierten nicht im Fokus unterscheidet. Außerdem gibt es sechs Tag-Farben, mit den man den Farb-Hintergrund bzw die Schriftfarbe von mit Schlagwörtern versehene Mails kennzeichnen kann.

Die einzigen Code, die zusätzlich zum Standard verwende, sind der für eine dezente farbliche Zebrastreifung und der für die Hintergrundfarbe einer selektierten Mail, die sich nicht im Fokus befindet. Aber nur weil mir das Standard-Grau nicht gefällt....

Diese Code sind folgende

/*  Alternating row colors in thread pane */
.tree-table  { 
 background-color: azure !important;  }
#threadTree tr:nth-child(2n) {
background-image: linear-gradient(rgba(0,0,0,.06), rgba(0,0,0,.06))
}

/* Background color of selected unfocussed messages */
*|*:root {
--listbox-selected-bg: #B9D3EE  !important; 
}

Screenshot zeige ich nicht mehr, denn seit Beitrag #41 hat sich bei mir nichts mehr geändert. Ich benutze allerdings keine zwanzig Tag-Farben sondern nur sechs.

Hm... na vielleicht habe ich das Thema Fokus auch nicht voll durchdrungen, nachdem was ich bisher weiß, würd ich aber sagen, daß eindeutig die 6.Mail selektiert ist und im Fokus steht. "Blau" ist beim Mac doch auch auf Systemebene standardmäßig immer das aktuell ausgewählte Element. Das bedeutet aber auch, daß dieses Blau (oder ähnliches) nicht auch als Schlagwort-Farbe vergeben werden darf.

Mein Knackpunkt war, daß ich die Schlagwortfarben plakativ als Hintergrundfarbe der unausgewählten Zeile brauche, um so visuell schnell einen Überblick über relevante Mails zu bekommen. Tatsächlich habe ich relativ viele fest definierte Farben - 12 insgesamt. Die benutze ich aber eher im Sinne von Markern und weniger als eigentliche Schlagworte. Das ganze funktioniert so wie früher die Tags auf der MacOS-Systemebene: markierte Dateien werden über einen farbigen Hintergrund gekennzeichnet. Mir helfen solch farbige Marker enorm im täglichen Doing. Nur farbiger Text lässt sich m.E. nicht so schnell unterscheiden.

Im unteren Screenshot ist die 7. Mail die ausgewählte, aber nicht im Fokus stehende. So sehr bunt ist's bei mir dann letztlich auch nicht. Für die tägliche Arbeit verwende ich maximal 3 Farben. Die restlichen 9 haben Sonderbedeutungen.

Zitat von roenni

nachdem was ich bisher weiß, würd ich aber sagen, daß eindeutig die 6.Mail selektiert ist und im Fokus steht

OK, in diesem Fall muss ich dir Recht geben, da du in den System-Einstellungen "blau" als Akzent-Farbe gewählt hast (oder nicht gewählt da Standard). Aber wie willst du in deinem neuen Screenshot auf Anhieb wissen, welchen von den drei farblich markierten Mails diejenige ist, die im Fokus steht bzw.geöffnet ist?Natürlich, wenn du den kompletten Nachrichtenheader anzeigst, siehst du dort die Tag-Farbe Ocker, aber in der Liste befinden sich zwei Nachrichten mit dem ockerfarbenen Hintergrund.

Ich kann dir nicht weiter helfen. Wenn du mit dieser kunterbunten Nachrichtenliste besser arbeiten kannst und solange du keine präzisen Wünsche beschreibst, dann werde ich auch keine sogenannten Verbesserungsvorschläge machen.

Mapenzi
Für die Art, wie Du Dein Mailprogramm nutzt funktioniert vermutlich das Standard-TB-System super. Ich bin aber wahnsinnig froh, dass sich TB dank Eurer Hilfe hier auch so anpassen lässt, dass ich in allen Bereichen mit Farbmarkern (quasi wie "Postits") arbeiten kann.
Seit dem in MacOS eingeführten Farbtagging kann ich 'ohne' bei der Menge an Dateien für meine Recherchen eigentlich nicht mehr arbeiten. Auch in Bildverwaltungsprogrammen geht es nicht mehr ohne Farbtagging. Das fand ich einen unglaublichen Gewinn auch in einem Mailprogramm.

Du hast natürlich Recht, daß man sich bei der Anzahl der Farben definitiv beschränken muß, daß es nicht unübersichtlich wird. Daher auch die fixe Tag-Anzahl und fixe Farben, welche alle eine bestimmte fixe Bedeutung haben. Standardmäßig verwende ich 3. Der Rest kommt nur in Sonderfällen zum Einsatz. Das Tag-Tool ist in TB zwar vermutlich ursprünglich anders gedacht, man kann es aber tatsächlich auch sehr gut als Farbmarker verwenden.

Im letzten Screenshot ist die im Fokus stehende Mail, die farblich aufgehellte - also die unter der roten.
Beim damit arbeiten, erklärt sich das tatsächlich optisch von selbst. Habe die Liste und Farbwahl nun noch etwas angepaßt, daß es nun wie im OS funktioniert:

@alle
Inhaltlich funktioniert es jetzt gut, vielleicht kann man es aber programmiertechnisch noch kürzen und für die Verarbeitung optimieren.
Ein kleines Manko besteht noch in der weißen Trennlinie zwischen den Zeilen. Wenn eine Mail ausgewählt aber nicht im Fokus steht, erhält diese durch TB standardmäßig einen gestrichelten Rand. Dadurch, daß der obere Rand im Code aber bereits mit der durchlaufenden weißen (Trenn-)Linie belegt ist, fehlt dann hier die gestrichelte Linie. Ist nicht ganz perfekt. Mir ist aber bislang noch nix besseres eingefallen. 'padding' und 'margin' bringen hier irgendwie nicht das richtige Ergebnis. Deshalb aktuell 'border-top'. Vielleicht gibt's noch einen anderen Weg, eine weiße Trennlinie zwischen den Zeilen einzufügen?
Hier der aktualisierte Code für alle, die es ebenfalls nutzen wollen.

/* --- weisse Trennlinie zwischen allen Mails --- */

#threadTree tr[is="thread-row"] td {
border-top: 1px solid #FFFFFF !important;
}


/* --- 1- Mails, im Fokus, unausgewählt, OHNE Tag 
- Hintergrund Weiss, Text Schwarz --- */
#threadTree:focus-within tr[data-properties~="untagged"] {
background-color: #FFFFFF !important;
color: #000000 !important;
}
/* --- 1- Mails, im Fokus, unausgewaehlt, MIT Tag 
- Hintergrund Tagfarbe, Text Schwarz --- */
#threadTree:focus-within tr[data-properties~="tagged"] {
background-color: var(--tag-color) !important;
color: #000000 !important;
}


/* --- 2- Mails, ohne Fokus, unausgewaehlt, OHNE Tag 
- Hintergrund Weiss, Text Schwarz --- */
#threadTree tr[data-properties~="untagged"] {
background-color: #FFFFFF !important;
color: #000000 !important;
}
/* --- 2- Mails, ohne Fokus, unausgewaehlt, MIT Tag 
- Hintergrund Tagfarbe, Text Schwarz --- */
#threadTree tr[data-properties~="tagged"] {
background-color: var(--tag-color) !important;
color: #000000 !important;
}


/* --- 3- Mails, im Fokus, ausgewaehlt, OHNE Tag 
- Hintergrund Blau, Text Weiss --- */
#threadTree:focus-within tr.selected[data-properties~="untagged"] {
background-color: #0263E1 !important;
color: #FFFFFF !important;
}
/* --- 3- Mails, im Fokus, ausgewaehlt, MIT Tag 
- Hintergrund Blau, Text Weiss --- */
#threadTree:focus-within tr.selected[data-properties~="tagged"] {
background-color: #0263E1 !important;
color: #FFFFFF !important;
}


/* --- 4- Mails, ohne Fokus, ausgewaehlt, OHNE Tag 
- Hintergrund Hellgrau, Text Grau --- */
#threadTree tr.selected[data-properties~="untagged"] {
background-color: #E4E4E7 !important;
color: #909090 !important;
}
/* --- 4- Mails, ohne Fokus, ausgewaehlt, MIT Tag 
- Hintergrund Tagfarbe +60%, Text Grau --- */
#threadTree tr.selected[data-properties~="tagged"] {
background-color: color-mix(in srgb,var(--tag-color),#FFFFFF 60%) !important;
color: #909090 !important;
}

Habe eben mal auf die Schnelle deinen Code getestet. Sieht bei mir so aus :

Frage: wie kann man weiße Trennlinien auf einem weißen Hintergrund sehen?

na das Ziel ist eher die farbigen Zeilen durch eine Trennlinie in Hintergrundfarbe zu trennen. Das wird dann sichtbar, wenn Mails getaggt oder ausgewählt sind. Im Screenshot oben also zwischen Deiner roten und blauen Mail. Ohne Trennung sah's scheiße aus.

Stimmt. Ich hatte vergessen, dass du nur bunte Zeilen hast.

Nee, nee, die überwältige Mehrheit der Mails ist ungetaggt und damit weiß bzw. in Hintergrundfarbe. Da brauchts optisch keine sichtbare 'Trennlinie'. Es sieht letztlich ziemlich genauso aus, wie in meinem Screenshot in #50. Dort wurden genau 2 Tags verwendet: Rot und Ocker. Nix bunt, sonst hilft das Farbtagging ja nicht und verwirrt eher.

Ich glaube, es gibt einfach zwei grundsätzlich verschiedene Herangehensweisen an den Umgang mit den TB-Tags:

1. Man kann sie so verwenden, daß man mehr oder weniger jeder Mail mehrere Stichworte zum schnellen Suchen oder Filtern nach Worten gibt - das wär dann vermutlich die traditionelle Bedeutung der TB-Tags.

2. Oder man verwendet sie erheblich sparsamer und markiert nur einzelne wenige Mails farbig. Dann ist das Wort letztlich egal, es geht eher ums "Highlighten", z.B. als 'wichtig für zukünftige Rechtsstreitigkeiten', 'dringend ToDo' oder ähnliches. Die Farben sollten dann unbedingt auch entsprechend gewählt sein - so wie man Farbmarkerstifte auf Papier verwendet. Wenn Du davon zu viele verwendest und quasi alles markierst, findest Du nix. Setzt Du den Farbmarker aber sehr dosiert ein, findest Du die wichtigsten Stellen sofort und ohne suchen zu müssen.

Meine Farben für die Marker: