Problem mit userChrome.css

schlatti4 · July 22, 2024 at 1:08 AM

ich habe bis jetzt erfolgreich das Aussehen der Thunderbirdoberfläche mit Hilfe einer Datei userChrome.css anpassen können. Nach einer Neuinstallation vom PC funktioniert das nicht mehr. Was stimmt an den Befehlen im beiliegenden File nicht? Damit ich es hochladen kann, habe ich es als Text-File abgespeichert.
Die Option toolkit.legacyUserProfileCustomizations.stylesheets ist auf True gesetzt

Thunderbird: Version 115.12.2, 64-Bit
Windows 10: Version 22H2, 64-Bit

Für eine baldige Antwort wäre ich sehr dankbar

MSFreak · July 22, 2024 at 1:47 AM

Bitte im Konfigurations-Editor diesen Eintrag auf "true" setzen und den TB dann neu starten.
toolkit.legacyUserProfileCustomizations.stylesheets

schlatti4 · July 22, 2024 at 10:29 AM

Lieber MSFreak,

ich habe in meinem Text ja geschrieben, dass ich toolkit.legacyUserProfileCustomizations.stylesheets bereits auf True gesetzt habe. Also bringt mir dein Vorschlag nichts. Weisst du etwas anderes, das zu Lösung beitragen könnte? Stimmt in den Programmcodes in der Datei etwas nicht?

edvoldi · July 22, 2024 at 10:58 AM

Hallo schlatti4,
wenn Deine userChrome so heißt wie in Deinem ersten Beitrag ist das falsch.
Sie muss so lauten:

userChrome.css

Starte bitte einmal TB im Abgesichertem Modus und dann sofort wieder normal.
Funktioniert es dann?

Gruß EDV Oldie

schlatti4 · July 22, 2024 at 2:51 PM

Hallo edvoldi,

im Gebrauch heisst die Datei exakt "userChrome.css". Ich habe sie nur in "userChrome.css.txt" umgewandelt, damit ich sie für dieses Forum als Beilage hochladen konnte und sie ein Bearbeiter anschauen kann.

Bastler · July 22, 2024 at 2:54 PM

Quote from schlatti4

Nach einer Neuinstallation vom PC funktioniert das nicht mehr. Was stimmt an den Befehlen im beiliegenden File nicht?

Hallo,
wurde zur Neuinstallation auch die TB Version geändert?
Dein Code stammt wohl aus TB 102.x und kann so nicht funktionieren.
Ab 115.x gibt es gravierende Änderungen zu den Bezeichnern.

Die Abstände in Ordner- und Nachrichtenliste werden nicht mehr im CSS-Code definiert.
Das geht über Menü -> Ansicht -> Dichte -> dort wählen.

Folgend eine Anpassung in etwa Deiner Einträge. Ich habe kleine Extras hinzugefügt.
Hier der neue Code für die userChrome.css | bitte über die Symbole aus dem Codekasten kopieren
und Deinen bisherigen komplett ersetzen.
(Setze bitte künftig einen Code über den Menüpunkt des Beitrags und nicht in Text- oder PDF-Form)

CSS

/* Ordnerbereich Hintergrund */ 
.container {
 appearance: none !important;
  background-color: lightcyan !important;
}

/* Ordner Schriftart und -groesse */
.container {
 appearance: none !important;
  font-size: 18px !important;
  font-family: bahnschrift !important;
}

/* Ordner bei Mousehover hervorheben */
.container:hover {
  background-color: cyan !important;
  color: black !important;
  opacity: 1 !important;
}

/* Ordner Hintergrund und Schriftfarbe und Icon bei Auswahl */
ul > li.selected > .container,
ul > li > ul > li > ul[role="group"] > li.selected > .container,
ul > li > ul > li > ul[role="group"] > li > ul > li.selected > .container,
ul > li > ul > li > ul[role="group"] > li.selected > .container .name,
ul > li > ul > li > ul[role="group"] > li > ul > li.selected > .container .name {
 appearance: none !important;
    background-image: none !important;
    background-color: white !important;
    color: black !important;
#folderTree .icon {
 appearance: none !important;
  fill: color-mix(in srgb, black 10%, transparent) !important;
  stroke: black !important;
}
}

/* Nachrichtenliste min Hoehe */
#threadPane {
 appearance: none !important;
   min-height: 90px !important;
}

/* Nachrichtenliste Hintergrund */
#threadTree tr {
 appearance: none !important;
    background-image: none !important;
    background-color: lightcyan !important;
    color: black !important;
}

/* Nachrichtenliste Schriftart und -groesse */
#threadTree tr {
 appearance: none !important;
  font-size: 18px !important;
  font-family: Bahnschrift !important;
}

/* horizontale Trennlinien in Nachrichten-Liste */
tr[is="thread-row"] > td {
appearance: none !important;
  border-bottom: 0.5px solid #CACACA !important;
}

/* Nachrichten in Liste bei Mousehover */
#threadTree tr:hover,
#threadTree tbody [data-properties~="unread"]:hover {
    background-image: none !important;
    background-color: cyan !important;
    color: black !important;
}

/* Nachrichtenliste Hintergrund und Schriftfarbe bei Auswahl */
#threadTree tr.selected {
 appearance: none !important;
    background-image: none !important;
    background-color: white !important;
    color: black !important;
}

Display More

schlatti4 · July 22, 2024 at 3:59 PM

Hallo Bastler,

perfekt . Das ist die Lösung. Einzig die Zeilen 39-41 musste ich ändern in

#threadTree tr {
appearance: none !important;
height: 21px !important;
}

Denn ich will damit den Zeilenabstand zwischen den einzelnen Mails verändern.

Alle andere konnte ich direkt übernehmen und die Parameter meinen Wünschen anpassen.

Welche TB-Version auf dem PC vor der Neuinstallation vorhanden war, weiss ich nicht. Der PC, den ich neu aufgesetzt habe, gehört einer anderen Person, die nicht mehr gut sieht und deshalb auf die grösseren Schriften angewiesen ist. Ich habe nicht gewusst, dass die Programmcodes in diesen css-Dateien komplett geändert haben. Auf dem Internet bin ich jedenfalls nirgends auf einen solchen Hinweis gestossen.

Nochmals vielen Dank für deine Hilfe. Du hast meine Frage perfekt beantwortet und mir ein groses Problem gelöst.

Viele Grüsse,

schlatti4

Bastler · July 22, 2024 at 4:37 PM

Quote from schlatti4

Einzig die Zeilen 39-41 musste ich ändern in

Die sollten nicht geändert werden. Das ist keine Wirkung auf Zeilenabstände der Nachrichtenliste!
Die Zeilen 39-41 sind zuständig, um die Nachrichtenliste nach oben stärker zusammenschieben zu können.
(Für Platzbedarf bei Mailvorschau unten.)

Quote from schlatti4

Denn ich will damit den Zeilenabstand zwischen den einzelnen Mails verändern.

Ein Eingriff in die Zeilenhöhe per CSS, kann zum "Flattern" beim Scrollen führen!
Und beschert auch eine seltsame 1. Zeile. Also bitte rückgängig machen!

Beachte bitte obige Beschreibung:

Die Abstände in Ordner- und Nachrichtenliste werden nicht mehr im CSS-Code definiert.
Das geht über Menü -> Ansicht -> Dichte -> dort wählen.

Natürlich verbreitert eine exorbitante Schriftgröße auch die Zeilen.

dharkness21 · July 22, 2024 at 7:34 PM

Quote from Bastler

Folgend eine Anpassung in etwa Deiner Einträge. Ich habe kleine Extras hinzugefügt.

Schau Dir bitte mal die Zeilen 21-36 an, das hast Du 2 Einträge ineinander geschrieben.

Quote from Bastler

Ein Eingriff in die Zeilenhöhe per CSS, kann zum "Flattern" beim Scrollen führen!

Per Userscript geht das ohne Probleme.

Bastler · July 22, 2024 at 7:45 PM

Quote from dharkness21

Zeilen 21-36 an, das hast Du 2 Einträge ineinander geschrieben.

Wo genau und welcher Fehler ist darin?

Quote from dharkness21

Per Userscript geht das ohne Probleme.

Woher soll Liesen Müller oder Otto Paschulke das nehmen?

dharkness21 · July 22, 2024 at 7:53 PM

Müsste das *

*

CSS

/* Ordner Hintergrund und Schriftfarbe und Icon bei Auswahl */
ul > li.selected > .container,
ul > li > ul > li > ul[role="group"] > li.selected > .container,
ul > li > ul > li > ul[role="group"] > li > ul > li.selected > .container,
ul > li > ul > li > ul[role="group"] > li.selected > .container .name,
ul > li > ul > li > ul[role="group"] > li > ul > li.selected > .container .name {
 appearance: none !important;
    background-image: none !important;
    background-color: white !important;
    color: black !important;
#folderTree .icon {
 appearance: none !important;
  fill: color-mix(in srgb, black 10%, transparent) !important;
  stroke: black !important;
}
}

Display More

nicht so ** aussehen?

CSS

/* Ordner Hintergrund und Schriftfarbe und Icon bei Auswahl */
ul > li.selected > .container,
ul > li > ul > li > ul[role="group"] > li.selected > .container,
ul > li > ul > li > ul[role="group"] > li > ul > li.selected > .container,
ul > li > ul > li > ul[role="group"] > li.selected > .container .name,
ul > li > ul > li > ul[role="group"] > li > ul > li.selected > .container .name {
 appearance: none !important;
    background-image: none !important;
    background-color: white !important;
    color: black !important;
}
#folderTree .icon {
 appearance: none !important;
  fill: color-mix(in srgb, black 10%, transparent) !important;
  stroke: black !important;
}

Display More

Bastler · July 22, 2024 at 7:58 PM

Quote from dharkness21

nicht so ** aussehen?

m.E. nicht, weil die Ansprache zum Icon ein Teilbereich darstellt, der synchron zur Hintergrundveränderung geschehen soll.
Ich stelle keine Fehlfunktion, zu dem was bezweckt werden soll, fest.

Mache aber eine Gegenprobe, wenn mir langweilig ist.

~~~~~~~~~~~~~~~~~~~~~~~

So, Gegenprobe. Wie vermutet wirkt #folderTree .icon { von Dir permanent allein und nicht im Kontext.
Dann sind alle Icons immer gleich einfarbig und nicht nur bei "selected", wie im Original des TE.

Problem mit userChrome.css

Community-Bot July 23, 2025 at 4:35 AM

Thunderbird 149.0.2 veröffentlicht

Thunderbird 140.9.1 ESR veröffentlicht

Similar Threads

TB - untere Startseite und Kopfzeilen-Reiter in weiß,keine Farbe mehr wie Verlauf oder Grau-Blau.

Fenster "Extra, Filter, Neu" zu groß

Bitte um Hilfe zur "userChrome.CSS

Die Übergeordneten Ordner werden bei neuen Mails nicht mehr farblich dargestellt

Reihenfolge der "Kopfleisten" ändern

Problem mit Zeilenabstand Nachrichtenliste