1. Startseite
  2. Nachrichten
  3. Herunterladen
    1. Thunderbird Release-Version
    2. Thunderbird 140 ESR
    3. Thunderbird 128 ESR
    4. Thunderbird 115 ESR
    5. Thunderbird Beta-Version
    6. Sprachpaket (Benutzeroberfläche)
    7. Wörterbücher (Rechtschreibprüfung)
  4. Hilfe & Lexikon
    1. Anleitungen zu Thunderbird
    2. Fragen & Antworten (FAQ) zu Thunderbird
    3. Hilfe zu dieser Webseite
  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

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

    • 140 ESR
  • FrankSteiner
  • 12. August 2025 um 18:54
  • Unerledigt
  • FrankSteiner
    Junior-Mitglied
    Beiträge
    4
    Mitglied seit
    18. Aug. 2023
    • 12. August 2025 um 18:54
    • #1
    Thunderbird-Produkt
    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-Mitglied
    Reaktionen
    1.051
    Beiträge
    11.971
    Mitglied seit
    26. Mai. 2012
    Hilfreiche Antworten
    119
    • 12. August 2025 um 22:38
    • #2
    Zitat von 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; }
    Alles anzeigen

    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")

Aktuelle Programmversion

  • Thunderbird 141.0 veröffentlicht

    Thunder 23. Juli 2025 um 06:15

Aktuelle 140 ESR-Version

  • Thunderbird 140.1.1 ESR veröffentlicht

    Thunder 5. August 2025 um 23:40

Aktuelle 128 ESR-Version

  • Thunderbird 128.13.0 ESR veröffentlicht

    Thunder 23. Juli 2025 um 08:10

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-2025 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™