1. Home
  2. News
  3. Download
    1. Thunderbird Release Version
    2. Thunderbird 140 ESR
    3. Thunderbird 115 ESR
    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

Hintergrundfarbe umstellen

    • Release Channel
  • Razerzone
  • July 31, 2025 at 11:38 AM
  • Thread is Resolved
  • Razerzone
    Member
    Reactions Received
    1
    Posts
    9
    Member since
    31. Jul. 2025
    • July 31, 2025 at 11:38 AM
    • #1
    Thunderbird product
    Thunderbird für Windows
    Thunderbird version
    141.0

    Hallo zusammen,

    ich habe versucht die Hintergrundfarben mit dem Code in diesem Beitrag zu ändern:

    Thread

    Hintergrundfarbe des Maileingangsfeld umstellen

    Hallo Freunde,

    hab es mit diesem Beitrag ganz gut hingekriegt Farben in Thunderbird zu ändern, d.h. den Hintergrund, des linken Ordnerfensters, des unteren Mailfensters, wo man den Mailtext schreibt und liest, und auch die eingehnden Emails werden anders eingefärbt.
    [GELÖST] Weisse Hintergrundfarbe ändern

    Meine Hinweise noch dazu: userChrome.css muß normalerweise SELBST erstellt werden (mit einem Texteditor), sie MUSS ins Verzeichnis deines Profils z.B 1Axdsded (8stelliger zufälliger…
    osix
    November 10, 2016 at 4:29 PM

    Der Code scheint mit der aktuellen Version nur noch teilweise zu funktionieren. Es wird lediglich der Hintergrund des Ordnermenü geändert.

    Vielleicht kann mir ja jemand helfen. Vielen Dank! :)

  • graba July 31, 2025 at 12:46 PM

    Approved the thread.
  • dharkness21
    Senior Member
    Reactions Received
    489
    Posts
    2,031
    Member since
    29. Jun. 2005
    Helpful answers
    55
    • July 31, 2025 at 8:11 PM
    • #2
    Quote from Razerzone

    Der Code scheint mit der aktuellen Version nur noch teilweise zu funktionieren. Es wird lediglich der Hintergrund des Ordnermenü geändert.

    Jupp, die Folderpane wird an oberster Stelle angesprochen und #folderTree stimmt als Ansprechpartner noch, aber #threadTree ist nicht mehr treechildren, deshalb passt der Teil nicht mehr, bitte teste für den Treadpane das ↓ CSS-Schnipsel.

    CSS
    /* Hintergrundfarbe Maileingang Zweifarbig */
    #threadTree tr[is="thread-row"]:nth-child(1n+1) {
        background-image: none !important;
        background-color: #005499 !important;
    }
    #threadTree tr[is="thread-row"]:nth-child(2n+1) {
        background-image: none !important;
        background-color: #003a6c !important;
    }
    
    /* Hintergrundfarbe für markierte Mails und den Text aendern */
    #threadTree tr[is="thread-row"]:nth-child(1n+1).selected,
    #threadTree tr[is="thread-row"]:nth-child(2n+1).selected {
        background-image: none !important;
        background-color: #006800 !important;
        color: #FFF !important;
    }
    #threadTree:focus-within tr:nth-child(1n+1).selected {
        background-image: none !important;
        background-color: #003E00 !important;
        color: #FFF !important;
    }
    #threadTree:focus-within tr[is="thread-row"]:nth-child(2n+1).selected {
        background-image: none !important;
        background-color: #002A00 !important;
        color: #FFF !important;
    }
    Display More

    und wech

    Dharkness

  • Razerzone
    Member
    Reactions Received
    1
    Posts
    9
    Member since
    31. Jul. 2025
    • July 31, 2025 at 8:48 PM
    • #3

    Danke für die schnelle Hilfe!

    Hintergrundfarbe für markierte Mails funktioniert, aber Maileingang zweifarbig klappt nicht.

  • dharkness21
    Senior Member
    Reactions Received
    489
    Posts
    2,031
    Member since
    29. Jun. 2005
    Helpful answers
    55
    • July 31, 2025 at 11:28 PM
    • #4
    Quote from Razerzone

    Hintergrundfarbe für markierte Mails funktioniert, aber Maileingang zweifarbig klappt nicht.

    Meinst Du das so ↓?

    Wenn ja, daher stammt das CSS-Schnipsel.

    und wech

    Dharkness

  • Razerzone
    Member
    Reactions Received
    1
    Posts
    9
    Member since
    31. Jul. 2025
    • August 1, 2025 at 5:45 AM
    • #5


    Funktioniert, wird aber nur in der Tabellenansicht übernommen. Ich nutze die Kartenansicht und da funktioniert nur die markierte Mail. Trotzdem vielen Dank!

    Edited once, last by Razerzone (August 1, 2025 at 6:03 AM).

  • dharkness21
    Senior Member
    Reactions Received
    489
    Posts
    2,031
    Member since
    29. Jun. 2005
    Helpful answers
    55
    • August 1, 2025 at 7:01 PM
    • #6
    Quote from Razerzone

    Funktioniert, wird aber nur in der Tabellenansicht übernommen. Ich nutze die Kartenansicht und da funktioniert nur die markierte Mail.

    Menno, wieso sagst Du so etwas wichtiges nicht? Das sind grundlegende Dinge, so etwas sagt man in der Eröffnung des Themas.

    Teste bitte das CSS-Schnipsel.

    CSS
    #threadTree tr[is="thread-card"]:nth-child(1n+1),
    #threadTree tr[is="thread-card"]:nth-child(1n+1) :where(td > .card-container) {
        background-image: none !important;
        background-color: #005499 !important;
    }
    #threadTree tr[is="thread-card"]:nth-child(2n+1),
    #threadTree tr[is="thread-card"]:nth-child(2n+1) :where(td > .card-container) {
        background-image: none !important;
        background-color: #003a6c !important;
    }

    und wech

    Dharkness

  • Razerzone
    Member
    Reactions Received
    1
    Posts
    9
    Member since
    31. Jul. 2025
    • August 2, 2025 at 7:26 AM
    • #7

    Sorry, war mir nicht klar. Jetzt funktioniert es! Besten Dank!!!

  • dharkness21
    Senior Member
    Reactions Received
    489
    Posts
    2,031
    Member since
    29. Jun. 2005
    Helpful answers
    55
    • August 2, 2025 at 9:10 AM
    • #8
    Quote from Razerzone

    Sorry, war mir nicht klar. Jetzt funktioniert es!

    Aber gerne doch.

    und wech

    Dharkness

  • Razerzone
    Member
    Reactions Received
    1
    Posts
    9
    Member since
    31. Jul. 2025
    • August 2, 2025 at 2:19 PM
    • #9

    Hast Du eventuell auch noch einen CSS-Schnipsel der die neuen ungelesenen Nachrichten in einer anderen Farbe darstellt?

  • Mapenzi
    Senior Member
    Reactions Received
    1,099
    Posts
    12,468
    Member since
    26. May. 2012
    Helpful answers
    128
    • August 2, 2025 at 3:07 PM
    • #10
    Quote from Razerzone

    der die neuen ungelesenen Nachrichten in einer anderen Farbe darstellt?

    Teste mal diesen CSS Code

    CSS
    tr[data-properties~="new"] {
     background-color: greenyellow !important; }
  • Razerzone
    Member
    Reactions Received
    1
    Posts
    9
    Member since
    31. Jul. 2025
    • August 2, 2025 at 3:31 PM
    • #11

    Mapenzi

    Danke, hat aber bei mir leider nicht funktioniert.

  • Mapenzi
    Senior Member
    Reactions Received
    1,099
    Posts
    12,468
    Member since
    26. May. 2012
    Helpful answers
    128
    • August 2, 2025 at 4:01 PM
    • #12
    Quote from Razerzone

    leider nicht funktioniert.

    Bei mir schon!

    Aber gerade sehe ich, dass du die Kartenansicht benutzt. Da muss ich erst noch etwas tüfteln, aber in der Zwischenzeit wird dharkness21sicherlich den passenden Code vorschlagen.

  • dharkness21
    Senior Member
    Reactions Received
    489
    Posts
    2,031
    Member since
    29. Jun. 2005
    Helpful answers
    55
    • August 2, 2025 at 5:30 PM
    • #13
    Quote from Razerzone

    Hast Du eventuell auch noch einen CSS-Schnipsel der die neuen ungelesenen Nachrichten in einer anderen Farbe darstellt?

    Teste bitte die ↓ beiden Schnipsel und schaue welches Dir besser gefällt.

    V1:

    CSS
    #threadTree[rows="thread-card"] tr[data-properties~="new"] :where(td),
    #threadTree[rows="thread-card"] tr[data-properties~="new"] :where(td > .card-container),
    #threadTree[rows="thread-card"] tr[data-properties~="unread"][data-properties~="new"] :where(td),
    #threadTree[rows="thread-card"] tr[data-properties~="unread"][data-properties~="new"] :where(td > .card-container) {
        appearance: none !important;
        color: #F20 !important;
    }

    V2:

    CSS
    #threadTree[rows="thread-card"] tr[data-properties~="new"] :where(td),
    #threadTree[rows="thread-card"] tr[data-properties~="new"] :where(td > .card-container),
    #threadTree[rows="thread-card"] tr[data-properties~="unread"][data-properties~="new"] :where(td),
    #threadTree[rows="thread-card"] tr[data-properties~="unread"][data-properties~="new"] :where(td > .card-container) {
        appearance: none !important;
        background-color: #F20 !important;
    }

    und wech

    Dharkness

  • Razerzone
    Member
    Reactions Received
    1
    Posts
    9
    Member since
    31. Jul. 2025
    • August 3, 2025 at 5:53 AM
    • #14

    Funktionieren beide bei mir nicht.

    Hab im Forum einen Code gefunden, der funktioniert. Leider nur wenn ich deinen Code für den zweifarbigen Posteingang weglasse. Scheint sich zu überschneiden.

    CSS
    #threadTree tbody [data-properties~="unread"] {
       background-color: orange !important;
       color: black !important;   
    }
    #threadTree tbody [data-properties~="unread"]:hover {
       color: black !important;
    }
  • dharkness21
    Senior Member
    Reactions Received
    489
    Posts
    2,031
    Member since
    29. Jun. 2005
    Helpful answers
    55
    • August 3, 2025 at 10:40 AM
    • #15
    Quote from Razerzone

    Scheint sich zu überschneiden.

    Teste bitte mal die ↓ Variante.

    CSS
    #threadTree[rows="thread-card"] tbody [data-properties~="unread"] {
       background-color: orange !important;
       color: black !important;   
    }
    #threadTree[rows="thread-card"] tbody [data-properties~="unread"]:hover {
       color: black !important;
    }

    P.S.: Diese Schnipsel ist allerdings nur für ungelesene Mails, für neue ungelesene Mails ist das Schnipsel nicht zuständig.

    und wech

    Dharkness

  • Razerzone
    Member
    Reactions Received
    1
    Posts
    9
    Member since
    31. Jul. 2025
    • August 3, 2025 at 11:12 AM
    • #16

    Danke jetzt funktioniert beides! :thumbsup:

    Versteh nur den Unterschied zwischen "ungelesene" und "neue ungelesene" nicht. Sind doch beide "ungelesen", oder?

    Jedenfalls werden auch meine neuen "ungelesenen" Mails farblich markiert.

    Nutze Thunderbird erst eine Woche, aber muss echt sagen TIP-TOP! Warum habe ich mich nur solange mit Outlook rumgeschlagen. :wall:

  • Drachen
    Senior Member
    Reactions Received
    2,075
    Posts
    5,435
    Member since
    15. Nov. 2004
    Helpful answers
    44
    • August 3, 2025 at 11:37 AM
    • #17

    Die schon letzte Woche abgerufene, aber noch nicht geöffnete Mail ist (seit einer Woche) ungelesen, die gerade eben abgerufene Mail ist neu & ungelesen.

    Anders gesagt: beendest du Thunderbird, bevor du alle erhaltenen Mails gelesen hast, dann findest du beim nächsten Start - schon vor dem Serverkontakt! - ungelesene Mails. beim unmodifizierten TB 128 (k.a. Was sich ab ab 140 geändert hat) werden sie schwarz in Fettschrift dargestellt:
    Die frisch abgerufenen kommen hinzu, die sind dann neue ungelesene Mails und werden anders dargestellt, bei mir in fett und blau. Es gibt also einen visuellen Unterschied auch bei ungelesenen Mails, ob sie "schon vorher" empfangen wurden oder erst seit dem letzten Start des Programms.


    PS: du kannst auch gelesene Mails wieder als ungelesen darstellen (z.B. als reminder, dass du dazu noch in irgendeiner Weise aktiv werden musst/willst) - neu werden sie damit aber nicht mehr.

    Und all das galt/gilt m.W. auch für Outlook!

  • dharkness21
    Senior Member
    Reactions Received
    489
    Posts
    2,031
    Member since
    29. Jun. 2005
    Helpful answers
    55
    • August 3, 2025 at 12:24 PM
    • #18
    Quote from Razerzone

    Versteh nur den Unterschied zwischen "ungelesene" und "neue ungelesene" nicht. Sind doch beide "ungelesen", oder?

    Der Unterschied besteht darin, das die eine Mail nur ungelesen ist ist die andere gerade neu eingetroffen ist und logischerweise natürlich auch ungelesen ist, wenn man also [data-properties~="new"] zusätzlich verwendet, kann man ungelesen, sprich [data-properties~="unread"], und neu und ungelesen, sprich [data-properties~="unread"][data-properties~="new"], eindeutig unterscheiden.

    und wech

    Dharkness

  • Razerzone
    Member
    Reactions Received
    1
    Posts
    9
    Member since
    31. Jul. 2025
    • August 3, 2025 at 1:14 PM
    • #19

    Vielen Dank für die ausführlichen Erläuterungen. :thumbup:Wieder was gelernt. :)

  • dharkness21
    Senior Member
    Reactions Received
    489
    Posts
    2,031
    Member since
    29. Jun. 2005
    Helpful answers
    55
    • August 3, 2025 at 1:24 PM
    • #20
    Quote from Razerzone

    Wieder was gelernt.

    Das tue ich selbst im höheren Alter jeden Tag ein wenig, das hält die Rübe frisch.

    und wech

    Dharkness

Current app version

  • Thunderbird 152.0.1 veröffentlicht

    Thunder July 4, 2026 at 1:02 PM

Current 140 ESR version

  • Thunderbird 140.12.1 ESR veröffentlicht

    Thunder July 4, 2026 at 1:05 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

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™