1. Home
  2. News
  3. Download
    1. Thunderbird Release Version
    2. Thunderbird 140 ESR
    3. Thunderbird 128 ESR
    4. Thunderbird 115 ESR
    5. Thunderbird Beta Version
    6. Language Pack (User Interface)
    7. 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

Benutzeroberfläche per userChrome.css umgestalten (Teil III userChrome.css und Thunderbird Entwickler-Werkzeuge)

  • Mapenzi
  • December 4, 2017 at 5:16 PM
  • Closed
  • Thread is Resolved
  • Mapenzi
    Senior Member
    Reactions Received
    1,089
    Posts
    12,434
    Member since
    26. May. 2012
    Helpful answers
    128
    • December 4, 2017 at 5:16 PM
    • #1
    • Thunderbird-Version: TB 52.x.x bis TB 58.0b1
    • Betriebssystem + Version: alle

    In der Zwischenzeit wurde Thunderbird weiterentwickelt.

    In den letzten Beta-Versionen (aktuell v58.0b1) wurde deutlich, dass bestimmte Add-ons in der nächsten Release-Version TB 59 nicht mehr funktionieren werden. Dazu gehören die in Teil I und II erwähnten Erweiterungen ChromEdit und insbesondere Stylish, die den Umgang mit CSS-Regeln wesentlich vereinfachen.

    Die Nutzer, die nur selten eine neue CSS-Regel in die userChrome.css-Datei einfügen, werden sich sicher weiterhin begnügen, diese Datei bei Gelegenheit manuell mit dem neuen Code-Baustein zu erweitern und Thunderbird neu zu starten.

    Andere Nutzer, die häufiger Änderungen an der Benutzeroberfläche vornehmen, also beispielsweise mehrere Schriftgrößen, und/oder Schriftarten oder auch Hintergrundfarben testen wollen, können sich schon jetzt mit einem Werkzeug vertraut machen, das uns von den Mozilla-Entwicklern zur Verfügung gestellt wurde. Es handelt sich um den Entwickler-Werkzeugkasten, der über das Menü Extras ➔ Entwickler-Werkzeuge ➔ Entwickler-Werkzeugkasten aufgerufen wird:

    Nach dem Klick auf Entwickler-Werkzeugkasten öffnet sich eine Dialogbox, in der das Betriebssystem fragt, ob die eingehende Debugger-Verbindung erlaubt werden soll oder nicht:

    Wenn man auf "OK" klickt, öffnet sich im Hintergrund eine zweite Instanz von Thunderbird. Man muss diese Instanz von TB in den Vordergrund holen, damit das Fenster "Entwicklerwerkzeuge" sichtbar wird. Zunächst sollte man oben rechts in der Werkzeugleiste auf das Zahnrad-Symbol ("Einstellungen") klicken und sich in den erweiterten Einstellungen vergewissern, dass die "Debugging-Werkzeuge für Browser-Chrome und Add-ons" sowie das "externe Debugging" aktiviert sind:

    Wenn das der Fall ist, klickt man auf den Reiter Stilbearbeitung und bekommt folgende Ansicht:

    In der linken Spalte sind die Style Sheets der verschiedenen Bereiche der Benutzeroberfläche aufgelistet, wobei die Datei userChrome.css leicht übersehen werden kann bei der Vielzahl von Style Sheets (manche sind aus mir unbekannten Gründen bis zu sechsmal aufgeführt). Hat man die Datei schließlich gefunden, kann sie im rechten Fensterteil editiert werden. Der Vorteil hierbei ist, dass ähnlich wie bei der Erweiterung Stylish jede Änderung des Codes nach zwei bis drei Sekunden automatisch im Zielfenster sichtbar wird, sofern sich dieses (Thunderbird-Hauptfenster, Verfassen-Fenster, Adressbuch-Fenster oder auch Kalender-Tab) gleich "hinter" dem Entwickler-Werkzeuge-Fenster befindet, so wie es im untersten Screenshot der Fall ist. Gelegentlich muss man allerdings zunächst den Fokus wechseln und mit der Maus in das Zielfenster klicken, damit die Änderung aktiv wird.

    Für das hier gezeigte Beispiel habe ich zur Verdeutlichung den Code für eine rote Hintergrundfarbe in der Zeile "Betreff - Beteiligte - (oder Absender) - Datum - Größe der Nachrichten/Themenliste" getestet.

    Bevor man das Fenster der Entwicklerwerkzeuge wieder schließt, genügt ein Klick auf "Speichern", um die Code-Änderungen zu speichern.

    Edited 5 times, last by graba (December 4, 2017 at 6:21 PM).

  • graba
    Global Moderator
    Reactions Received
    606
    Posts
    21,861
    Member since
    17. May. 2006
    Helpful answers
    9
    • December 4, 2017 at 5:33 PM
    • #2

    Hallo Mapenzi,

    vielen Dank für deinen dritten Beitrag zur möglichen Umgestaltung der Benutzeroberfläche von Thunderbird! Tolle Leistung! :thumbsup:

    Die genannten Beiträge dienen als erweiterte Information zu dem Wiki-Artikel Themes per userChrome.css anpassen.

    Bei Anmerkungen, Ergänzungen, Fragen etc. zu dem Thema bitte einen eigenen Thread eröffnen!

    Gruß
    graba :ziehtdenhut:

    Keine Forenhilfe per Konversation!
    Für Thunderbird-Entwicklung spenden

    Edited 2 times, last by graba (December 4, 2017 at 6:15 PM).

  • Thunder August 26, 2018 at 1:49 PM

    Moved the thread from forum Themes to forum Manuelle Anpassungen per CSS oder Script.

Current app version

  • Thunderbird 151.0 veröffentlicht

    Thunder May 20, 2026 at 6:30 PM

Current 140 ESR version

  • Thunderbird 140.11.0 ESR veröffentlicht

    Thunder May 20, 2026 at 6:26 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™