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

html unter verschiedenen #document anders stylen (userContent.css)

    • 140 ESR
  • FrankSteiner
  • August 12, 2025 at 6:54 PM
  • Closed
  • Thread is Unresolved
  • FrankSteiner
    Member
    Posts
    9
    Member since
    18. Aug. 2023
    • August 12, 2025 at 6:54 PM
    • #1
    Thunderbird product
    Thunderbird für Windows
    Thunderbird version
    141.0

    Moin moin,

    ich kann in userContent.css z.B. per

    Code
    html {background:white!important;}

    den Body der angezeigten Mail und auch den Hintergrund der composer windows anpassen. Leider styled das aber auch das html in den Tabs fuer die prefecenres, den account manager und die extensions. Der Aufbau ist immer gleich, irgendwo im DOM kommt ein #document und dann darunter z.B. der html Code fuer den message body oder die preferences. Ich schaffe es aber nicht, die unterschiedlich anzusprechen.

    Beim preferences window geht es, weil da die Struktur so ist:

    Code
    #document
      <html id="MailPreferences" ...>

    Das kann man ueber #MailPreferences erwischen. Aber fuer den account manager ist der code

    Code
    <browser xmlns="http://www.mozilla.org/keymaster/gatekeeper/there.is.only.xul" id="contentTabBrowser1" ...>
      #document
        <html xmlns="http://www.w3.org/1999/xhtml" ...>

    Hier gibt es kein id= fuer das html tag, und auch in allen geschachtelten html nodes nicht. Daher kann man das globale setting fuer html hier nicht veraendern. Man erwischt dann irgendwann tiefer liegende Elemente, aber den gesamten Hintergrund der Seite kann man nur ueber html stylen, sonst hat immer irgendein Teil des Hintergrund die falsche Farbe. Auch der Versuch ueber z.B. #contentTabBrowser1 hmtl {..} erwischt den html-Block nicht, das document verhindert das.

    Kennt irgendjemand eine Loesung, um veschiedene html-Elemente, die unterhalb von veschiedenen #document liegen aber keine id= haben, unterschiedlich anzusprechen? @-moz-document hilft hier auch nicht, weil alle diese Seiten im messenger.xhtml-Kontext liegen.

    cu,

    Frank

  • Mapenzi
    Senior Member
    Reactions Received
    1,113
    Posts
    12,493
    Member since
    26. May. 2012
    Helpful answers
    128
    • August 12, 2025 at 10:38 PM
    • #2
    Quote from FrankSteiner

    Kennt irgendjemand eine Loesung, um veschiedene html-Elemente, die unterhalb von veschiedenen #document liegen aber keine id= haben, unterschiedlich anzusprechen? @-moz-document hilft hier auch nicht, weil alle diese Seiten im messenger.xhtml-Kontext liegen.

    N'Abend,

    ich habe mich ein bisschen mit userContent.css beschäftigt, mehr aus Neugier und Spielerei. Davon habe ich schließlich einige Code beibehalten.
    Wie beim userChrome.css geht es mir in der Hauptsache darum, etwas Farbe in das eintönige grau-weiß der macOS Version zu bringen, seit es keine vernünftigen Themen mehr gibt. Zu diesem Zweck bin ich überhaupt in die Foren gekommen, zuerst vor 14 Jahren im MozillaZine forum.

    Als Beispiel gebe ich hier mal meine Code für das (den?) Tab "Konten-Einstellungen" an:

    CSS
    @-moz-document url-prefix("about:accounts"),
        url-prefix("chrome://messenger/content/about:accounts.xhtml"){
    #accountTreeBox {
        background-color: lavender !important;
        font-size: 13.5px !important;
        min-width: 22em !important;
    }
    #accounttree:focus li.selected > div {
     background-color: highlight !important;
     color: blue !important;
    }
    #accounttree li > div:hover {
     background-color: azure !important;
     color: black !important;
    }
    #accounttree span {
    border: 0.1px solid black !important; }
    #accounttree li.children {
    border: 0.1px solid black !important; }
            
    #containerBox {
    font-size: 13px !important; }
    Display More

    Im TB Konten-Einstellungen Tab sieht das hier so aus


    Vielleicht kannst du das als Ausgangsbasis benutzen.

    Für die anderen Tabs heißen die ersten Zeilen so

    Code
    @-moz-document url-prefix("about:addons"),
    url-prefix("chrome://mozapps/content/extensions/extensions.xul")
    Code
    @-moz-document url-prefix("about:preferences"),
    url-prefix("chrome://messenger/content/preferences/aboutPreferences.html") 
    Code
    @-moz-document url-prefix("about:addressbook")
  • Community-Bot August 13, 2026 at 4:30 AM

    Closed the thread.

Current app version

  • Thunderbird 153.0.3 veröffentlicht

    Thunder August 12, 2026 at 12:57 PM

Current 153 ESR version

  • Thunderbird 153.0.3 ESR veröffentlicht

    Thunder August 12, 2026 at 2:18 PM

Current 140 ESR version

  • Thunderbird 140.13.0 ESR veröffentlicht

    Thunder July 22, 2026 at 7:16 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™