1. Startseite
  2. Nachrichten
  3. Herunterladen
    1. Thunderbird Release-Version
    2. Thunderbird 153 ESR (2026)
    3. Thunderbird 140 ESR (2025)
    4. Thunderbird Beta-Version
    5. Sprachpaket (Benutzeroberfläche)
    6. Wörterbücher (Rechtschreibprüfung)
  4. Hilfe & Lexikon
    1. Anleitungen zu Thunderbird
    2. Fragen & Antworten (FAQ) zu Thunderbird
    3. Hilfe zu dieser Webseite
    4. Letzte Änderungen
  5. Forum
    1. Unerledigte Themen
    2. Letzte Beiträge
    3. Themen der letzten 24 Stunden
  • Anmelden
  • Registrieren
  • 
  • Suche
Dieses Thema
  • Alles
  • Dieses Thema
  • Dieses Forum
  • Forum
  • Lexikon
  • Artikel
  • Seiten
  • Erweiterte Suche
  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
  • 18. August 2026 um 12:30
  • Unerledigt
  • Tobias.x
    Mitglied
    Reaktionen
    6
    Beiträge
    38
    Mitglied seit
    4. Feb. 2020
    • 18. August 2026 um 12:30
    • #1
    Thunderbird-Produkt
    Thunderbird für Windows
    Thunderbird-Version
    140
    Betriebssystem
    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;
    }   
    Alles anzeigen

    Einmal editiert, zuletzt von Tobias.x (18. August 2026 um 13:11)

  • ggbsde
    Senior-Mitglied
    Reaktionen
    828
    Beiträge
    3.290
    Mitglied seit
    3. Nov. 2023
    Hilfreiche Antworten
    64
    • 18. August 2026 um 14:03
    • #2
    Zitat von Tobias.x

    userchrome.css

    Die Datei heißt userChrome.css

  • AndyC
    Senior-Mitglied
    Reaktionen
    977
    Beiträge
    1.570
    Mitglied seit
    21. Mai. 2012
    Hilfreiche Antworten
    21
    • 18. August 2026 um 15:10
    • #3
    Zitat von 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.

    Zitat von 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.

Aktuelle Programmversion

  • Thunderbird 153.0.3 veröffentlicht

    Thunder 12. August 2026 um 12:57

Aktuelle 153 ESR-Version

  • Thunderbird 153.0.3 ESR veröffentlicht

    Thunder 12. August 2026 um 14:18

Aktuelle 140 ESR-Version

  • Thunderbird 140.13.0 ESR veröffentlicht

    Thunder 22. Juli 2026 um 19:16

Keine Werbung

Hier wird auf Werbeanzeigen verzichtet. Vielleicht geben Sie dem Website-Betreiber (Alexander Ihrig - aka "Thunder") stattdessen etwas aus, um diese Seiten auf Dauer finanzieren zu können. Vielen Dank!

Vielen Dank für die Unterstützung!

Kaffee ausgeben für:

Per Paypal unterstützen*

*Weiterleitung zu PayPal.Me

Thunderbird Mail DE
  1. Impressum & Kontakt
  2. Datenschutzerklärung
    1. Einsatz von Cookies
  3. Nutzungsbedingungen
  4. Spendenaufruf für Thunderbird
Hilfe zu dieser Webseite
  • Übersicht der Hilfe zur Webseite
  • Die Suchfunktion benutzen
  • Foren-Benutzerkonto - Erstellen (Neu registrieren)
  • Foren-Thema erstellen und bearbeiten
  • Passwort vergessen - neues Passwort festlegen
Copyright © 2003-2026 Thunderbird Mail DE

Sie befinden sich NICHT auf einer offiziellen Seite der Mozilla Foundation. Mozilla®, mozilla.org®, Firefox®, Thunderbird™, Bugzilla™, Sunbird®, XUL™ und das Thunderbird-Logo sind (neben anderen) eingetragene Markenzeichen der Mozilla Foundation.

Community-Software: WoltLab Suite™