Themes per userChrome.css anpassen

Themes per userChrome.css anpassen
Inhaltsverzeichnis
1 Nachrichten-/Themenliste
1.1 Zebrastreifen
1.2 Punkt statt leerem Stern für nicht gekennzeichnete Nachrichten
2 Ordner-/Kontenliste
2.1 Ordnerfarbe bei neuen Nachrichten
2.2 Die Linien der Baumhierarchie anzeigen
Die Beispiele funktionieren eventuell nicht mit anderen Themes oder anderen Programmversionen!
Nachrichten-/Themenliste
Zebrastreifen
Im Verlauf der Versionen wurde ein wechselweise gestreifter Hintergrund eingeführt und später auf Grund von
Geschwindigkeitsproblemen (in Einzelfällen) wieder entfernt. Um die typischen Zebrastreifen zu erhalten, kann man
background-color: #ededed; verwenden. Um eventuell vorhandene Streifen zu beseitigen, kann man
background-color: transparent !important; verwenden.
Windows::
CSS-Quellcode: userChrome.css
1. #threadTree treechildren::-moz-tree-row(odd) {
2. background-image: none !important;
3. }
Mac OSX und Linux:
CSS-Quellcode: userChrome.css
1.
2.
3.
5.
4.
6.
7.
#threadTree treechildren::-moz-tree-row(odd) {
background-color: transparent !important;
}
#threadTree treechildren::-moz-tree-row(odd, selected) {
background-color: Highlight !important;
}
Punkt statt leerem Stern für nicht gekennzeichnete Nachrichten
Für Nachrichten, die nicht "gekennzeichnet" sind, wurde das frühere "Punkt"-Symbol durch einen leeren Stern ersetzt.
Das leere Stern-Symbol kann eventuell zu Verwirrung führen. Daher kann man das leere Stern-Symbol durch das frühere
"Punkt"-Symbol ersetzen.
Windows:
CSS-Quellcode: userChrome.css
1.
2.
3.
4.
6.
5.
7.
8.
treechildren::-moz-tree-image(flaggedCol) {
list-style-image: url("chrome://messenger/skin/icons/readmail.png") !important;
-moz-padding-start: 0px !important; -moz-margin-start: -3px !important;
}
treechildren::-moz-tree-image(flaggedCol, flagged) {
list-style-image: url("chrome://messenger/skin/icons/flag.png") !important;
}
Linux:
CSS-Quellcode: userChrome.css
1.
2.
3.
4.
5.
6.
treechildren::-moz-tree-image(flaggedCol) {
-moz-image-region: rect(0px 16px 16px 0px) !important;
}
treechildren::-moz-tree-image(flaggedCol, flagged) {
-moz-image-region: rect(80px 16px 96px 0px) !important;
}
Für Windows kann man "flag.png" durch "flag-col.png" ersetzen, um einen kleineren Stern zu erhalten. Für Linux muss
man die Koordinaten (quasi den Bildausschnitt) der Grafik-Datei ändern, die mehrere Symbole zusammen enthält.
Ordner-/Kontenliste
Anpassen der Konten-/Ordnerliste links im Hauptfenster:
Ordnerfarbe bei neuen Nachrichten
In bisherigen Thunderbird-Versionen wurden Ordner mit neuen Nachrichten dadurch gekennzeichnet, dass der
Ordnername fett dargestellt und ein orangefarbener Stern am Ordnersymbol erschien. Nun wird der Ordername fett und in
einer anderen Farbe dargestellt. Die Farbe ist abhängig vom Betriebssystem und kann leider schlecht zu
differenzieren/erkennen sein. Um die Farbe zu ändern, verwenden Sie:
Windows und Linux:
CSS-Quellcode: userChrome.css
1. treechildren::-moz-tree-cell-text(folderNameCol, newMessages-true) {
2. color: red !important;
3. }
Dadurch wird die Farbe in allen Stadien geändert. Sie können aber noch zusätzlich differenzieren für ausgewählte
und/oder fokussierte Ordner:
https://www.thunderbird-mail.de/lexicon/entry/45-themes-per-userchrome-css-anpassen/
2
CSS-Quellcode: userChrome.css
1. treechildren::-moz-tree-cell-text(folderNameCol, newMessages-true, selected, focus) {
2. color: orange !important;
3. }
Verwendet man die beiden CSS-Einträge, werden Ordner mit neuen Nachrichten mit einem roten Ordnernamen
dargestellt, wenn sie nicht ausgewählt sind. Ausgewählte und fokussierte Ordnernamen werden orange auf dem
betriebssystemabhängigen Hintergrund dargestellt. Für Windows ist das Orange auf blauem Hintergrund (mit dem
klassischen Windows-Theme). Sie können jede beliebige Farbe als #rrggbb festlegen.
Die Linien der Baumhierarchie anzeigen
Die Linien wurden schon seit längerem entfernt. Wenn Sie viele Konten und Unterordner verwenden, kann die Anzeige
der Linien aber hilfreich sein:
Alle Plattformen:
CSS-Quellcode: userChrome.css
1. #folderTree ? treechildren::-moz-tree-line {
2. visibility: visible !important;
3. }
Hinweis: Dies funktioniert auch für den Konten-Manager. Verwenden Sie dafür das gleiche CSS, jedoch mit
#accounttree statt #folderTree.
Beteiligte Autoren
Graba, Thunder
https://www.thunderbird-mail.de/lexicon/entry/45-themes-per-userchrome-css-anpassen/
3

Download Report