Beiträge von roenni

Aha, ja, "padding-left" hilft auch bei der #messagepane und zeigt zumindest im Systemfarben-Theme die gleiche Farbe, wie der Lesebereich selbst. Im Darkmode-Theme merkwürdigerweise nicht.
1. Kann ich das noch so beeinflussen, daß es immer die Farbe des Lesebereichhintergrunds hat - egal welches Theme?
#messagepanebox funktioniert irgendwie andersherum, weshalb ich aktuell bei #messagepane und "padding-left" geblieben bin.

Nachdem ich mich nun etwas schlau gemacht hab zu "padding" und "margin" dachte ich, dann nehm ich doch für alle drei den inneren Rand - also padding-left. Merkwürdigerweise klappt das aber beim #messageheader nicht. Das heißt, aktuell sieht's so aus:

/* --- breitere Raender fuer Lesebereich --- */
#messageHeader {
margin-left: 14px;
}
#messagepane {
padding-left: 15px;
}
#attachmentView {
padding-left: 15px;
}

Nun läuft auch die Trennlinie zwischen Lesebereich und Anhang durch! So weit, so gut.
Klicke ich nun jedoch auf das Ausklappdreieck des Anhangs wird darunter eine weitere Trennlinie zu den einzelnen Dateien sichtbar - und die ist vorne wieder unterbrochen.
2. Läßt sich da auch noch was machen?

Bis hierhin bin ich schon ziemlich begeistert

Ihr scheint beide CSS-Cracks zu sein. Ich hab auch eine zweite Programmierfrage allerdings als Ergänzung eines anderen Threads leider unter "Erweiterungen". RE: Posteingang – Zeilen farbig markieren?
3. Habt Ihr da vielleicht auch eine Idee?

Wow, danke. Das zweite sieht schon prima aus.

Jetzt zum Finetuning:

1. Aktuell wird der Rand des Lesebereichs andersfarbig als der Lesebereich selbst dargestellt. Habe ein bisschen mit "color"-Ergänzungen zu #messagepane experimentiert. Das klappt aber so nicht.
   Kann der Rand auch in der Hintergrundfarbe des Lesebereichs dargestellt werden?
   
2. Wenn ich die #messageheader-Zeile verwende, wird wie beabsichtigt der Text des Headers weiter eingerückt - die Trennlinie zum Text geht aber weiterhin bis zum Scrollbalken links über die gesamte Breite. Das ist gut so.
   Nutze ich aber die #attachmentView-Zeile, wird die Trennlinie zwischen Anhangszeile und Lesebereich eingerückt und im Randbereich unterbrochen.
   Kann ich das so beeinflussen, daß die Trennlinie wie beim Header weiterhin durchläuft?

Ist es eigentlich möglich, über einen Eintrag in der userchrome oder sonstirgendwie den linken Rand des Lesebereichs (Header, Mailtext & Anhangzeile) zu verbreitern/zu verändern? Wenn ja, wie? (Thunderbird 115.16.3)

Hier ein Screenshot, welche Ränder ich meine:

[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;
}

Liebe TB-ler,

ich schlage mich schon länger mit dem Thema rum und habe noch keine richtige Lösung gefunden - oder nur einen Knoten im Kopf. Vielleicht hilft's Euch einmal danach zu befragen und das Problem überhaupt einmal aufzuschreiben.

Die zentrale Frage:
Wie kann eine optimale regelmäßige Sicherung aller E-Mails (POP-Konto) gelingen?

Ich mache aktuell regelmäßig Sicherungen meines kompletten Systems per BackUp-Plan auf 2 separaten Festplatten. Das BackUp-Programm prüft alle Ordner/Dateien auf Veränderungen und sichert diese. In größeren Abständen werden beim Sichern auch alle Dateien auf Korruptheit überprüft.
So weit so gut - klingt erstmal sinnvoll.

Jetzt kommt aber die Art der TB-Speichermethode von eMails ins Spiel - eine Datei je Ordner (mbox).
Das heißt bekanntlich, daß alle Mails eines Ordners in EINER zugehörigen mbox-Datei gespeichert sind.

Sollten nun aus irgendeinem Bug heraus einzelne Mails abhanden kommen, Fehler beim Ordner-komprimieren entstehen o.ä., ändert sich die zugehörige mbox-Datei und wird vom BackUp-Programm beim nächsten BackUp in fehlerhafter Form unter diesem Sicherungsdatum gesichert.
Nach 3-4 Sicherungen werden dann ältere Sicherungen überschrieben.

Ist der Fehler in der Zwischenzeit nicht aufgefallen, besteht recht bald keine Möglichkeit mehr, die noch intakte ältere mbox-Datei wiederherzustellen. Die E-Mails wären dann dauerhaft verloren.

Das macht mich bei 300+ Ordnern und ca. 9.000 lokalen E-Mails mit teilweise sehr wichtigem Inhalt ziemlich unsicher, vielleicht hab ich aber auch einfach etwas in der Überlegung nicht bedacht?
Wie könnte also eine optimale regelmäßige praktikable Sicherungsroutine aller E-Mails aussehen, so daß ich bei Fehlern mit TB noch die Möglichkeit hätte, die intakte Datei wiederherzustellen?

Infos:

Thunderbird 115.16.0esr
MacOS Monterey 12.7.6
POP Konto
Firewall vom Betriebssystem

Jepp, ich glaub, damit hat's geklappt. Sehr schön. Dank Dir.

Das Thema "selected" und "focused" muß ich mir nochmal in Ruhe vornehmen. Durch den aktuellen Code tut sich da nur marginal was - Symbole für Kenzeichnung, Anhänge und Nach-Gelesen-Sortieren werden Grau statt Weiß. (Habe ja die Auswahlfarbe für alle Mails auf Blau mit weißer Schrift gesetzt...)

Ups. Jetzt haben sich unsere beiden Beiträge überschnitten. Ich guck mal, ob ich mit Deinem Hinweis was hinbekomme...

Aus einem anderen Thread stammt das hier zum Überschreiben der Standard-Hover-Farbe:

#threadTree tr:hover  {
    background-color: #F5F5F5 !important;
    color: #000000 !important;
}

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

Das führt aber hier leider noch nicht zum Ergebnis.
Wenn ich das hinzufüge, dann wird nicht nur die Farbe für's Standard-Hovern verändert, sondern offenbar auch der o.g. Code für die Schlagwort-Hover-Farben ignoriert. Zudem wird durch das Ändern im ersten Teil offenbar auch folgende Zeile für die ausgewählte Mail tlw. unwirksam und muß dann durch den zweiten Teil nochmal nachkorrigiert werden.

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

Mit den aktuellen Mitteln bekomme ich nur folgende Lösungen hin:

1. nicht getaggte Mails Hellblau gehovert; getaggte Mails nicht gehovert
2. nicht getaggte Mails Hellblau gehovert; getaggte Mails in Tag-Farbe leicht dunkler gehovert
3. nicht getaggte Mails Hellgrau gehovert; getaggte Mails auch Hellgrau gehovert

Wünschenswert wär aber folgendes:

1. nicht getaggte Mails nicht gehovert; getaggte Mails nicht gehovert
2. nicht getaggte Mails Hellgrau gehovert; getaggte Mails in Tag-Farbe leicht dunkler gehovert

Habe noch ein bißchen weiterexperimentiert.

Der obige Code macht ja schon folgendes:

1. ausgewählte/ selektierte Mails bekommen (so wie im Finder) einen blauen Hintergrund-Balken - egal ob mit oder ohne Tag,
2. getaggte Mails werden standardmäßig mit der Tag-Farbe als Hintergrund-Balken dargestellt,
3. und die Balken sind durch eine feine weiße Linie voneinander getrennt.

Die neue Ergänzung sorgt bei getaggten Mails dank Bastler auch für eine Farbänderung beim drüber-hovern - und zwar um 7% dunkler als die Tag-Farbe (s.u.).

/* alle Schlagworte beim beim Drueberfahren 7% dunkler */

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

Was jetzt noch schick wär, wär die Hoverfarbe für ungetagte Mails anzupassen. Aktuell ist die hellblau, ich würd aber ein leichtes Grau bevorzugen.
Meine bisherigen Bemühungen waren noch nicht recht erfolgreich.

Mapenzis Code von Seite 1 paßt offenbar nicht so recht zu meiner Struktur, vielleicht versteh ich's aber auch nicht richtig. Und was ist eigentlich der Unterschied zwischen "selected" und "focused". Die Funktion "focused" erschließt sich mir nicht recht.

Vielen Dank für Eure Hilfe.

Ich hab jetzt was zusammengebastelt, was wieder recht gut ausschaut und funktioniert und teile es mal für alle noch Suchenden. In meinem Fall für 13 unveränderliche Marker:

/* 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;
}

Ein besonderes Schmankerl ist die weisse Trennlinie zwischen den Mails. Bei TB102 war's "outline" jetzt ist's "border-top". "Outline" klappt auch, verdoppelt im Gegensatz zu TB102 nun aber die Liniendicke zwischen den Mails in TB115 (untere und obere Mail).

Na da versuch ich mich dann morgen dran. Dank Dir.

Was mir grad auch noch aufgefallen ist: beim Durchscrollen per Pfeiltaste durch die Mailliste fällt auf, daß TB 115 irgendwie langsamer im Bildaufbau/-rendering oder wie auch immer man das bezeichnen möchte, ist. Der Balken blättert bei schnellem Scrollen mit auffallenden Farbschlieren o.ä. von Mail zu Mail. War mir mit TB 102 nicht aufgefallen oder liegt's an der Art wie die Userchrome geschrieben ist? Da scheinen ja mehrere Wege zum Ziel zu führen.

Mach ich doch schon

Hab durch Kombination von Deinem und MSFreaks-Beitrag tatsächlich schonmal die Hintergrund- und Textfarbe in ausgewähltem Zustand vermutlich lösen können.

Bei Dir jetzt aber statt

color: var(--tag-contrast-color) !important;

einen festen Farbwert einzusetzen, klappt widerum merkwürdigerweise nicht:

color: #000000 !important;

Woran liegts?

Okay, das "root" brauchts nicht

In Deiner Lösung, Bastler, wird jetzt die Schlagwortfarbe fix als Hintergrund dargestellt und die Textfarbe als zugehörige Kontrastfarbe.

Ich würde es noch gern folgendermaßen modifizieren wollen, komme aber durch Kombination von Deinem und Mapenzis Beitrag noch nicht zum Ergebnis.

1. Die Textfarbe möchte ich bspw. bei Tag 01-06 und 07-10 als jeweils unterschiedliche feste Farbwerte zuweisen.
2. Ich würd gern die Hintergrundfarbe in ausgewähltem Zustand mit festem Farbwert angeben
3. Dito für die Textfarbe in ausgewähltem Zustand
4. Ich würd gern noch eine horizontale dünne weiße Trennlinie zwischen den einzelnen Mails darstellen wollen

Geht das auch mit TB115?

Mapenzi hat eingangs noch das hier:

*|*:root {

Brauchts sowas noch dazu?

Hmm, den hatte ich mir als erstes vorgenommen, da passiert bei mir aber merkwürdigerweise rein gar nix. Vielleicht liegt's an der Tagbezeichnung? Meine heißen "01", "02" usw. .

Demnach wäre eine Zeile bei mir beispielsweise so, richtig?

tr[data-properties~="T01“],

Zitat von Mapenzi

Zitat von xerax5

Ich benötige es idealerweise hinterlegt, wenn der Fokus nicht gegeben ist.

Dafür benötige ich nur diese CSS Code:

CSS

/*  Alternating row colors in thread pane  */
#threadTree tr:nth-child(2n) {
 background-image: linear-gradient(rgba(0,0,0,.05), rgba(0,0,0,.05)) !important;
}
/*   Background colors selected messages */
*|*:root {
 --listbox-focused-selected-bg: #1C86DD  !important;
 --listbox-selected-bg: #B9D3EE  !important;
 --listbox-selected-color: white !important;
}

Hmm, so richtig versteh ich's noch nicht. Wo ist denn der Bezug zu den Schlagworten enthalten?

Kann es sein, daß der Code nur die Darstellung ohne Schlagwortbezug im ausgewählten Zustand anpaßt + Zebrastreifen?

Ich benötige es tatsächlich so, daß die Mails mit Schlagworten dauerhaft mit farbigem Hintergrund dargestellt werden. Wird die Mail ausgewählt, erhält der Balken die Standard-Auswahlfarbe. In diesem Fall ist das Schlagwort dann nicht farbig erkennbar sondern nur im Mailheader oder in der entsprechenden Spalte der Listenansicht.

Den Zebrastreifen benötige ich nicht.

In TB 102 hatte das hier alles wunderbar erledigt- klappt jetzt mit 115 aber nicht mehr... Hmpf...

        /* Tag 01 */ 
/*  Standardhintergrundfarbe fuer Tag 01  */
treechildren::-moz-tree-row(T01) {
  Outline: 1px solid #FFFFFF   !important;
  background-color:  #FF0000   !important;
}
/*  Standardtextfarbe fuer Tag 01  */
treechildren::-moz-tree-cell-text(T01) {
  color: #000000   !important;
}
/*  Hintergrundfarbe fuer Tag 01 wenn ausgewaehlt  */
treechildren::-moz-tree-row(T01, selected) {
  background-color: #2366D9   !important;
}
/*  Textfarbe fuer Tag 01 wenn ausgewaehlt  */
treechildren::-moz-tree-cell-text(T01, selected) {
  color: #FFFFFF   !important;
}

Oh echt? Nicht dass ich nicht schon eine Weile gesucht hätte. Hab aber tatsächlich nix recht gefunden. Und auch jetzt nicht.

Würdest du mir vielleicht mit nem Link auf die Sprünge helfen?

Nicht gut, wenn man keine Ahnung hat, wie.

Kann mir jemand da exemplarisch unter die Arme greifen?

Ich fürchte, Du mußt mir noch etwas mehr helfen.

Einfach "treechildren" durch "table" ersetzen und dann funktionierts? Oder wie oder was?

Jajaja, Du hast ja Recht. Ich hatte den Post ursprünglich woanders und da war der Zusammenhang klar, jetzt halt nicht mehr.

Also:

Ich hatte ausschließlich Änderungen bzgl. der farbigen Anzeige der Schlagworte eingetragen. Das blöde Aussehen liegt jetzt daran, daß jetzt wieder der Text farbig ist, und nicht der Hintergrund.

Voilá, meine .css:

treechildren::-moz-tree-row {
  Outline: 1px solid #FFFFFF   !important;
}

        /* Tag 01 */ 
treechildren::-moz-tree-row(T01) {
  Outline: 1px solid #FFFFFF   !important;
  background-color:  #FF0000   !important;
}
treechildren::-moz-tree-cell-text(T01) {
  color: #000000   !important;
}
treechildren::-moz-tree-row(T01, selected) {
  background-color: #2366D9   !important;
}
treechildren::-moz-tree-cell-text(T01, selected) {
  color: #FFFFFF   !important;
}

       /* Tag 02  */
treechildren::-moz-tree-row(T02) {
  Outline: 1px solid #FFFFFF   !important;
  background-color:  #FFd478   !important;
}
treechildren::-moz-tree-cell-text(T02) {
  color: #000000   !important;
}
treechildren::-moz-tree-row(T02, selected) {
  background-color: #2366D9   !important;
}
treechildren::-moz-tree-cell-text(T02, selected) {
  color: #FFFFFF   !important;
}

        /* Tag 03 */ 
treechildren::-moz-tree-row(T03) {
  Outline: 1px solid #FFFFFF   !important;
  background-color:  #ff9300   !important;
}
treechildren::-moz-tree-cell-text(T03) {
  color: #000000   !important;
}
treechildren::-moz-tree-row(T03, selected) {
  background-color: #2366D9   !important;
}
treechildren::-moz-tree-cell-text(T03, selected) {
  color: #FFFFFF   !important;
}

        /* Tag 04 */
treechildren::-moz-tree-row(T04) {
  Outline: 1px solid #FFFFFF   !important;
  background-color:  #ff7d78   !important;
}
treechildren::-moz-tree-cell-text(T04) {
  color: #000000   !important;
}
treechildren::-moz-tree-row(T04, selected) {
  background-color: #2366D9   !important;
}
treechildren::-moz-tree-cell-text(T04, selected) {
  color: #FFFFFF   !important;
}

         /* Tag 05 */
treechildren::-moz-tree-row(T05) {
  Outline: 1px solid #FFFFFF   !important;
  background-color:  #ff89d8   !important;
}
treechildren::-moz-tree-cell-text(T05) {
  color: #000000   !important;
}
treechildren::-moz-tree-row(T05, selected) {
  background-color: #2366D9   !important;
}
treechildren::-moz-tree-cell-text(T05, selected) {
  color: #FFFFFF   !important;
}

         /* Tag 06 (T01)*/
treechildren::-moz-tree-row(T06) {
  Outline: 1px solid #FFFFFF   !important;
  background-color:  #d783ff   !important;
}
treechildren::-moz-tree-cell-text(T06) {
  color: #000000   !important;
}
treechildren::-moz-tree-row(T06, selected) {
  background-color: #2366D9   !important;
}
treechildren::-moz-tree-cell-text(T06, selected) {
  color: #FFFFFF   !important;
}

         /* Tag 07 */
treechildren::-moz-tree-row(T07) {
  Outline: 1px solid #FFFFFF   !important;
  background-color:  #75d5ff   !important;
}
treechildren::-moz-tree-cell-text(T07) {
  color: #000000   !important;
}
treechildren::-moz-tree-row(T07, selected) {
  background-color: #2366D9   !important;
}
treechildren::-moz-tree-cell-text(T07, selected) {
  color: #FFFFFF   !important;
}

         /* Tag 08 */
treechildren::-moz-tree-row(T08) {
  Outline: 1px solid #FFFFFF   !important;
  background-color:  #73fdff   !important;
}
treechildren::-moz-tree-cell-text(T08) {
  color: #000000   !important;
}
treechildren::-moz-tree-row(T08, selected) {
  background-color: #2366D9   !important;
}
treechildren::-moz-tree-cell-text(T08, selected) {
  color: #FFFFFF   !important;
}

         /* Tag 09 */
treechildren::-moz-tree-row(T09) {
  Outline: 1px solid #FFFFFF   !important;
  background-color:  #72fa78   !important;
}
treechildren::-moz-tree-cell-text(T09) {
  color: #000000   !important;
}
treechildren::-moz-tree-row(T09, selected) {
  background-color: #2366D9   !important;
}
treechildren::-moz-tree-cell-text(T09, selected) {
  color: #FFFFFF   !important;
}

         /* Tag 10 */
treechildren::-moz-tree-row(T10) {
  Outline: 1px solid #FFFFFF   !important;
  background-color:  #d4fb78   !important;
}
treechildren::-moz-tree-cell-text(T10) {
  color: #000000   !important;
}
treechildren::-moz-tree-row(T10, selected) {
  background-color: #2366D9   !important;
}
treechildren::-moz-tree-cell-text(T10, selected) {
  color: #FFFFFF   !important;
}

         /* Tag 11 */
treechildren::-moz-tree-row(T11) {
  Outline: 1px solid #FFFFFF   !important;
  background-color:  #fefc78   !important;
}
treechildren::-moz-tree-cell-text(T11) {
  color: #000000   !important;
}
treechildren::-moz-tree-row(T11, selected) {
  background-color: #2366D9   !important;
}
treechildren::-moz-tree-cell-text(T11, selected) {
  color: #FFFFFF   !important;
}

         /* Tag 12 */
treechildren::-moz-tree-row(T12) {
  Outline: 1px solid #FFFFFF   !important;
  background-color:  #d5d5d5   !important;
}
treechildren::-moz-tree-cell-text(T12) {
  color: #000000   !important;
}
treechildren::-moz-tree-row(T12, selected) {
  background-color: #2366D9   !important;
}
treechildren::-moz-tree-cell-text(T12, selected) {
  color: #FFFFFF   !important;
}

         /* Tag 13 */
treechildren::-moz-tree-row(T13) {
  Outline: 1px solid #FFFFFF   !important;
  background-color:  #a9a9a9   !important;
}
treechildren::-moz-tree-cell-text(T13) {
  color: #000000   !important;
}
treechildren::-moz-tree-row(T13, selected) {
  background-color: #2366D9   !important;
}
treechildren::-moz-tree-cell-text(T13, selected) {
  color: #FFFFFF   !important;
}