1. Home
  2. News
  3. Download
    1. Thunderbird Release Version
    2. Thunderbird 153 ESR (2026)
    3. Thunderbird 140 ESR (2025)
    4. Thunderbird Beta Version
    5. Language Pack (User Interface)
    6. Dictionaries (Spell Check)
  4. Help & Lexicon
    1. Instructions for Thunderbird
    2. Questions & Answers (FAQ) about Thunderbird
    3. Help for this Website
    4. Last Changes
  5. Forums
    1. Unresolved Threads
    2. Latest Posts
    3. Threads of the last 24 hours
  • Login
  • Register
  • 
  • Search
This Thread
  • Everywhere
  • This Thread
  • This Forum
  • Forum
  • Lexicon
  • Articles
  • Pages
  • More Options
  1. Thunderbird Mail DE
  2. Forum
  3. Hilfe zu Add-ons und manuellen Anpassungen
  4. Manuelle Anpassungen per CSS oder Script

TB 153 ESR CSS für Nachrichtenbereich gesucht

    • 153 ESR
  • ne_lo
  • September 12, 2026 at 9:22 AM
  • Thread is Resolved
  • ne_lo
    Member
    Posts
    11
    Member since
    18. Aug. 2023
    • September 12, 2026 at 9:22 AM
    • #1
    Thunderbird product
    Thunderbird für Linux
    Thunderbird version
    135.*
    Operating system
    Linux Mint MATE

    Hallo miteinander,

    ich suche den CSS Selektor für die Hintergrundfarbe des Nachrichtenbereichs.
    Scheint mir momentan #18181B zu sein, und das ist mir extrem zu kontrastreich.
    (Schade, dass die Farben so extrem gewählt wurden).
    Ich kann aber den zuständigen Selektor nicht finden.
    Kann mir jemand helfen?

  • Mapenzi
    Senior Member
    Reactions Received
    1,127
    Posts
    12,581
    Member since
    26. May. 2012
    Helpful answers
    128
    • September 12, 2026 at 2:03 PM
    • #2

    Hallo,

    Quote from ne_lo

    Schade, dass die Farben so extrem gewählt wurden

    Du bist nicht gezwungen, das dunkle Thema von Thunderbird zu verwenden.
    Wenn du aber dabei bleiben willst, kannst du dir eine andere dunkle Hintergrundfarbe wählen und sie in folgendem CSS Code einfügen. Denke daran, dass sich die Schriftfarbe auch genügend von deiner gewählten Hintergrundfarbe abhebt!

    Code
    HTML, body {
    background-color:  #3B3B3B;
    }

    Dieser Code darf aber NICHT in eine etwa schon vorhandene userChrome.css Datei eingefügt werden, sondern du musst in einem Text-Editor eine neue Datei erstellen und sie userContent.css nennen. Diese wird dann ebenfalls in den Ordner chrome im Profilordner eingefügt.

    Bedenke, dass diese Hintergrundfarbe auch im Verfassen-Fenster wirksam ist.

    EDIT: ist die Version TB 135 richtig oder handelt es sich um einen Tippfehler?

    Edited once, last by Mapenzi (September 12, 2026 at 3:45 PM).

  • dharkness21
    Senior Member
    Reactions Received
    498
    Posts
    2,094
    Member since
    29. Jun. 2005
    Helpful answers
    55
    • September 12, 2026 at 2:11 PM
    • #3
    Quote from Mapenzi

    Bedenke, dass diese Hintergrundfarbe auch im Verfassen-Fenster wirksam ist.

    Als Nachtrag zu Dir, der Eintrag wird überwiegend wirken, sprich es werden sehr wahrscheinlich alle vorkommen von HTML und body angepasst.

    und wech

    Dharkness

  • Mapenzi
    Senior Member
    Reactions Received
    1,127
    Posts
    12,581
    Member since
    26. May. 2012
    Helpful answers
    128
    • September 12, 2026 at 2:33 PM
    • #4
    Quote from dharkness21

    der Eintrag wird überwiegend wirken

    Du meinst sicher "übergreifend".
    Ja sicher, er wirkt auch in einigen Tabs wie Einstellungen, Konten-Einstellungen, Add-ons Manager, Kalender, ....
    Aber dort wirkt ja auch das dunkle Thema, insofern dürfte das nicht allzu sehr stören.
    Wer will, kann auch die Hintergrundfarben in einzelnen dieser Tabs per userContent.css anpassen.

  • dharkness21
    Senior Member
    Reactions Received
    498
    Posts
    2,094
    Member since
    29. Jun. 2005
    Helpful answers
    55
    • September 12, 2026 at 3:01 PM
    • #5
    Quote from Mapenzi

    Du meinst sicher "übergreifend".

    Natürlich, eine kleine Verwechselung.

    Quote from Mapenzi

    Aber dort wirkt ja auch das dunkle Thema, insofern dürfte das nicht allzu sehr stören.

    Kommt darauf an, welche Farbe gewählt wird.

    Quote from Mapenzi

    Wer will, kann auch die Hintergrundfarben in einzelnen dieser Tabs per userContent.css anpassen.

    Hm, das ist mir gerade entfallen, wie ging das nochmal?

    und wech

    Dharkness

  • Mapenzi
    Senior Member
    Reactions Received
    1,127
    Posts
    12,581
    Member since
    26. May. 2012
    Helpful answers
    128
    • September 12, 2026 at 3:19 PM
    • #6
    Quote from dharkness21

    wie ging das nochmal?

    Das ist sehr viel umständlicher als mit userChrome.css.

    Man muss zwar auch im Entwickler-Werkzeugkasten die ID von Elementen suchen, aber beim Schreiben der Code müssen bestimmte Kopfzeilen voran gefügt werden.

    Nur drei Beispiele für die Tabs Einstellungen, Add-ons-Verwaltung und Adressbuch:

    CSS
    @-moz-document url-prefix("about:preferences"),
    url-prefix("chrome://messenger/content/preferences/aboutPreferences.html") {
    #pref-category-box .category[selected] {
    font: sans-serif !important;
    font-weight: bold !important;
    background-color: #A1F9FF !important;
    }
    }
    
    @-moz-document url-prefix("about:addons"),
    url-prefix("chrome://mozapps/content/extensions/extensions.xul")  {
    #sidebar {
    background-color: #BFDADD !important; 
    }
    }
    
    @-moz-document url-prefix("about:addressbook") {
    #books { 
    background-color: #BCD2EE !important; 
    font-size: 15px !important; 
    line-height: 35px; !important;
    font-family: Palatino !important;
    }
    }
    Display More

    Leider lässt sich seit einiger Zeit die Datei userContent.css nicht mehr (oder nur ganz selten zufällig?) im Entwickler-Werkzeugkasten anzeigen, was das Testen von Codes und seiner Änderungen erschwert.

  • ne_lo
    Member
    Posts
    11
    Member since
    18. Aug. 2023
    • September 12, 2026 at 4:51 PM
    • #7

    Danke vielmals ... ein Problem gelöst. Damit komme ich weiter.

    (Ja 135 war ein Tippfehler)

  • ggbsde
    Senior Member
    Reactions Received
    860
    Posts
    3,484
    Member since
    3. Nov. 2023
    Helpful answers
    64
    • September 12, 2026 at 7:50 PM
    • #8
    Quote from Mapenzi

    userContent.css nicht mehr (oder nur ganz selten zufällig?) im Entwickler-Werkzeugkasten anzeigen

    Eigentlich funktioniert das zuverlässig, wenn man im Werkzeugkasten über das Icon rechts oben ('Iframe auswählen') auch einen Frame auswählt, der die Datei auch tatsächlich benutzt und lädt.

  • dharkness21
    Senior Member
    Reactions Received
    498
    Posts
    2,094
    Member since
    29. Jun. 2005
    Helpful answers
    55
    • September 12, 2026 at 8:13 PM
    • #9
    Quote from ggbsde

    Eigentlich funktioniert das zuverlässig, wenn man im Werkzeugkasten über das Icon rechts oben ('Iframe auswählen') auch einen Frame auswählt, der die Datei auch tatsächlich benutzt und lädt.

    Wo soll das sein? Vielleicht zeigt Du uns mit einem Screenshot was Du meinst, wäre echt toll, denn finden kann ich es leider nicht.

    und wech

    Dharkness

  • Grisu2099
    Senior Member
    Reactions Received
    519
    Posts
    725
    Member since
    8. Oct. 2023
    Helpful answers
    8
    • September 12, 2026 at 8:15 PM
    • #10

  • dharkness21
    Senior Member
    Reactions Received
    498
    Posts
    2,094
    Member since
    29. Jun. 2005
    Helpful answers
    55
    • September 12, 2026 at 8:30 PM
    • #11
    Quote from Grisu2099

    Na dann, das heißt hier ganz anders, guckst Du da ↓.

    und wech

    Dharkness

  • Mapenzi
    Senior Member
    Reactions Received
    1,127
    Posts
    12,581
    Member since
    26. May. 2012
    Helpful answers
    128
    • September 12, 2026 at 8:37 PM
    • #12
    Quote from ggbsde

    Eigentlich funktioniert das zuverlässig,

    Ich habe das schon zig mal versucht, aber noch nie Erfolg damit gehabt.

  • Mapenzi
    Senior Member
    Reactions Received
    1,127
    Posts
    12,581
    Member since
    26. May. 2012
    Helpful answers
    128
    • September 12, 2026 at 8:39 PM
    • #13

    Grisu

    Den Button für iFrame kenne ich schon lange. Zeig uns doch mal einen Screenshot mit beiden Dateien userChrome.css und userContent.css in der linken Spalte.

  • ggbsde
    Senior Member
    Reactions Received
    860
    Posts
    3,484
    Member since
    3. Nov. 2023
    Helpful answers
    64
    • September 12, 2026 at 9:42 PM
    • #14

    Ging sogar ohne ein Iframe auswählen zu müssen.

    Konsole geöffnet, Stilbearbeitung:

    Irgendeinen Tab öffnen (Einstellungen, Adressbuch o.ä.) , keine weitere Aktion nötig

  • Mapenzi
    Senior Member
    Reactions Received
    1,127
    Posts
    12,581
    Member since
    26. May. 2012
    Helpful answers
    128
    • September 12, 2026 at 10:55 PM
    • #15
    Quote from ggbsde

    keine weitere Aktion nötig

    Danke! Das habe ich schon ein gutes Dutzend mal versucht mit verschiedenen Versionen und in jeweils eigenen Profilen.
    Es funktioniert hier einfach nicht mehr, und zwar schon seit mehreren Jahren.

  • herman36
    Junior Member
    Posts
    1
    Member since
    12. Sep. 2026
    • September 14, 2026 at 5:45 PM
    • #16

    Wenn du den eigentlichen Nachrichtenbereich meinst, würde ich zuerst über den Browser /Element Inspektor bzw. die Thunderbird-Entwicklerwerkzeuge prüfen, welches Element die Farbe #18181B tatsächlich setzt. Bei den neueren Thunderbird-Versionen wurden einige CSS Strukturen geändert, daher funktionieren ältere userChrome.css -Selektoren nicht unbedingt mehr. Am einfachsten ist es, die betreffende Fläche zu inspizieren und dort nach background color zu suchen. Wenn du einen Ausschnitt aus deiner userChrome.css oder einen Screenshot vom Nachrichtenbereich postest, lässt sich der richtige Selektor wahrscheinlich schneller ein oder suchen Sie über Speedport nach weiteren Informationen.

    Edited once, last by herman36 (September 14, 2026 at 6:20 PM).

  • ne_lo
    Member
    Posts
    11
    Member since
    18. Aug. 2023
    • September 15, 2026 at 8:06 AM
    • #17

    Danke für deinen Hinweis.
    Ich bin mit dem Inspektor und CSS durchaus vertraut, hatte allerdings die UserContent.css nicht auf dem Plan.

    Mittlerweile habe ich mich entschlossen, wieder auf die Version 102 zurückzugehen. Die verursacht optisch einfach weniger Kopfschmerzen.

  • Grisu2099
    Senior Member
    Reactions Received
    519
    Posts
    725
    Member since
    8. Oct. 2023
    Helpful answers
    8
    • September 15, 2026 at 1:13 PM
    • #18
    Quote from ne_lo

    Mittlerweile habe ich mich entschlossen, wieder auf die Version 102 zurückzugehen.

    Dir ist aber schon klar, daß du damit haufenweise bereits geschlossenen Sicherheitslücken wieder aufmachst? =O :thumbdown:

  • Mapenzi
    Senior Member
    Reactions Received
    1,127
    Posts
    12,581
    Member since
    26. May. 2012
    Helpful answers
    128
    • September 15, 2026 at 2:07 PM
    • #19
    Quote from ne_lo

    wieder auf die Version 102 zurückzugehen. Die verursacht optisch einfach weniger Kopfschmerzen.

    Ich frage mich, wo da der große optische Unterschied zur aktuellen Version liegen soll.
    Die Version 102 hatte standardmäßig die "klassische Ansicht" und es gab noch keine Kartenansicht für die Nachrichtenliste.

    Aber das lässt sich in der aktuellen Version mit ein paar Klicks genau so einstellen wie in der v102.

  • ne_lo
    Member
    Posts
    11
    Member since
    18. Aug. 2023
    • September 15, 2026 at 3:23 PM
    • #20

    Die Unterschiede betreffen besonders die Farben.

    Das dunkle Design (das ich wegen Augen brauche) war einfach viel ausgeglichener in der 102, ohne diese harten Kontraste.
    Und um das alles wieder so hinzubiegen, dass es für mich angenehm ist, habe ich einfach nicht den Kopf. Ich habe 3 Tage versucht mich damit zu arrangieren, habe das ein oder andere auch hinbekommen, aber es fehlt so viel. Bin dann sehr frustriert zu Bett gegangen, um es am nächsten Tag zurückzusetzen. Und dabei bleibt es erst einmal.

Current app version

  • Thunderbird 157.0.1 veröffentlicht

    Thunder October 1, 2026 at 11:49 PM

Current 153 ESR version

  • Thunderbird 153.4.0 ESR veröffentlicht

    Thunder September 29, 2026 at 9:35 PM

Current 140 ESR version

  • Thunderbird 140.17.0 ESR veröffentlicht

    Thunder September 29, 2026 at 9:44 PM

No Advertisements

There are no advertisements here. Maybe you give the website owner (Alexander Ihrig - aka "Thunder") instead something to be able to finance these sites in the long run. Many Thanks!

Thank you for the support!

Coffee to be spent?

Donate now via Paypal*

*Forwarding to PayPal.Me

Similar Threads

  • Thunderbird 141 – userChrome.css: Farbverläufe, Ordnerbaum & Scrollbalken un vieles mehr nicht anpassbar.

    • Neddy
    • August 2, 2025 at 8:12 PM
    • Manuelle Anpassungen per CSS oder Script
Thunderbird Mail DE
  1. Imprint & Contact
  2. Privacy Policy
    1. Cookie Policy
  3. Terms of Use
  4. Donation Call for Thunderbird
Help for this website
  • All website support articles
  • How to use website search
  • How to create a forums user account
  • How to create and edit a forums thread
  • How to reset your forums password
Copyright © 2003-2026 Thunderbird Mail DE

You are NOT on an official page of the Mozilla Foundation. Mozilla®, mozilla.org®, Firefox®, Thunderbird™, Bugzilla™, Sunbird®, Seamonkey®, XUL™ and the Thunderbird logo are (among others) registered trademarks of the Mozilla Foundation.

Powered by WoltLab Suite™