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

Sehr gut sichtbare Markierung des gerade aktiven Ordners sowie der gerade angezeigten Mail - auch bei Mausfokus in anderem Bereich

    • 140 ESR
  • Tobias.x
  • August 18, 2026 at 12:30 PM
  • Thread is Unresolved
  • Tobias.x
    Member
    Reactions Received
    7
    Posts
    38
    Member since
    4. Feb. 2020
    • August 18, 2026 at 12:30 PM
    • #1
    Thunderbird product
    Thunderbird für Windows
    Thunderbird version
    140
    Operating system
    Windows

    Ich habe extrem viele Konten und Unterordner in meinem Thunderbird - und mich hat immer gestört, dass ich diesen hellgrauen Hintergrund, der mir anzeigt, in welchem Ordner ich mich gerade befinde, nur schwer erkennen konnte. Das gleiche galt für die Mailübersicht bezüglich der gerade im Vorschaufenster angezeigten Mail.

    Mit der Brave-KI habe ich mir nun eine userchrome.css erstellen können, die genau dies bewerkstelligt, also einen sehr gut sichtbaren Hintergrund für den aktiven Ordner und die aktive Mail anzuzeigen. Als Farbe hatte ich dunkelblau vorgegeben, die KI hat dazu passend eine fette, weiße Schrift ergänzt.

    Wer Interesse hat:

    Einfach den beigefügten Inhalt in eine Textdatei namens userchrome.css einfügen und diese in den Profilordner "chrome" kopieren. Bzw. den Inhalt in die bereits vorhandene userchrome.css dazukopieren.

    Vielleicht freut sich der eine oder andere ja über diese Datei ;)

    Da am Thunderbird selbst nichts verändert wird, kann man die Datei auch einfach wieder löschen und hat dann wieder den Originalzustand.

    Wem das Dunkelblau mit weißer Schrift zu heftig ist, kann ja ggf. auch die Farben noch selbst im Text abändern..

    Für die KI war das eine ziemliche Herausforderung, ich brauchte 7-8 Anläufe, bis es wirklich funktionierte. Insbesondere das Beibehalten der Farbe, wenn der Fokus nicht mehr im aktiven Bereich lag, war für sie schwierig ;)


    CSS
    /* --- 1. Ordnerliste (Links) --- */
    #folderTree li.selected > .container {
      background-color: #005299 !important;
      color: white !important;
      font-weight: bold !important;
    }
    
    #folderTree:focus-within li.selected > .container {
      background-color: #005299 !important;
      color: white !important;
    }
    
    /* --- Nachrichten-Übersicht: Dauerhaft Dunkelblau (auch ohne Fokus) --- */
    
    /* 1. Hintergrundfarbe für ausgewählte Zeile - IMMER erzwingen */
    /* Deckt den Zustand ab, wenn die Liste den Fokus HAT */
    #threadTree tr.selected,
    #threadTree li.selected > .container,
    [is="tree-view-table-body"] > .selected {
      background-color: #005299 !important; /* Ihr Dunkelblau */
      background-image: none !important; /* Verhindert System-Verläufe */
    }
    
    /* 2. WICHTIG: Hintergrundfarbe auch wenn der Fokus WOANDERS ist (z.B. im Lesefenster) */
    /* Dies verhindert das Zurückspringen auf Hellblau/Grau */
    #threadTree tr.selected:not(:focus),
    #threadTree li.selected > .container:not(:focus-within),
    [is="tree-view-table-body"] > .selected:not(:focus-within) {
      background-color: #005299 !important;
      background-image: none !important;
    }
    
    /* 3. TEXTFARBE & ICONS erzwingen (Weiß statt Schwarz) */
    /* Wir müssen jede mögliche Spalte und jedes Icon explizit ansprechen */
    #threadTree tr.selected .subject,
    #threadTree tr.selected .correspondent,
    #threadTree tr.selected .date,
    #threadTree tr.selected .location,
    #threadTree tr.selected .unread-button,
    #threadTree tr.selected .attachment,
    #threadTree tr.selected .flagged,
    #threadTree li.selected > .container *,
    [is="tree-view-table-body"] > .selected * {
      color: white !important;
      fill: white !important; /* Wichtig für Icons (Briefumschlag, Flaggen) */
      opacity: 1 !important; /* Verhindert ausgegraute Darstellung */
      text-shadow: none !important;
    }
    
    /* 4. Fallback für spezifische Thunderbird-Klassen bei Fokusverlust */
    /* Manche Versionen nutzen .inactive oder [focusoff] */
    #threadTree tr.selected.inactive,
    #threadTree tr.selected[focusoff],
    #threadTree li.selected.inactive > .container {
      background-color: #005299 !important;
      color: white !important;
    }   
    Display More

    Edited once, last by Tobias.x (August 18, 2026 at 1:11 PM).

  • ggbsde
    Senior Member
    Reactions Received
    848
    Posts
    3,396
    Member since
    3. Nov. 2023
    Helpful answers
    64
    • August 18, 2026 at 2:03 PM
    • #2
    Quote from Tobias.x

    userchrome.css

    Die Datei heißt userChrome.css

  • AndyC
    Senior Member
    Reactions Received
    984
    Posts
    1,577
    Member since
    21. May. 2012
    Helpful answers
    21
    • August 18, 2026 at 3:10 PM
    • #3
    Quote from Tobias.x

    Einfach den beigefügten Inhalt in eine Textdatei namens userchrome.css einfügen und diese in den Profilordner "chrome" kopieren. Bzw. den Inhalt in die bereits vorhandene userchrome.css dazukopieren.

    Quote from Tobias.x

    Für die KI war das eine ziemliche Herausforderung,

    Nun, die KI hat aber nicht alles verraten!

    Zusätzlich muss nämlich noch, damit diese Datei aus ausgewertet wird, in der erweiterten Konfiguration toolkit.legacyUserProfileCustomizations.stylesheets auf "true" gesetzt werden.

    Kein Backup - Kein Mitleid!
    Ungesicherte Daten sind unwichtige Daten.

Current app version

  • Thunderbird 155.0 veröffentlicht

    Thunder September 2, 2026 at 5:45 PM

Current 153 ESR version

  • Thunderbird 153.2.0 ESR veröffentlicht

    Thunder September 2, 2026 at 5:55 PM

Current 140 ESR version

  • Thunderbird 140.15.0 ESR veröffentlicht

    Thunder September 2, 2026 at 6:01 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™