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
Alles
  • Alles
  • Forum
  • Lexikon
  • Artikel
  • Seiten
  • Erweiterte Suche
  1. Thunderbird Mail DE
  2. dharkness21

Beiträge von dharkness21

  • Thunderbird 141 – userChrome.css: Farbverläufe, Ordnerbaum & Scrollbalken un vieles mehr nicht anpassbar.

    • dharkness21
    • 5. August 2025 um 17:26

    Hallo Neddy,

    teste bitte die ↓ Version.

    CSS
    /* ====================================================================
    ? Thunderbird Benutzeroberfläche – Benutzerdefiniertes Design
    ?? Version: TB 140.0.1 | (128.13.0 esr) Gesamtfassung Stand: 31.07.2025 (bereinigt)
    ?? Basis: Code vom 08.01.2025 + Ergänzungen
    ?? Hinweis:  about:config
         - toolkit.legacyUserProfileCustomizations.stylesheets` ? true
         - devtools.chrome.enabled` ? true
    ===================================================================== */
    /* ===========================================================
    ? Anleitung: Div. Mails zus. als Tabs öffnen
    Ordnerbaum > Posteingang je Mail-Kto. Anzahl: Div. ? > anklicken
    = Nachrichtenliste > Strg + A + Enter
    Bestätigungs-Fenster div. Nachrichten bestätigen ? OK
    Tabs erscheinen oben > Senkrecht-Dreieck (rechts) >
    Überhangliste mit Scrolli (Scrollbar-color: #CC6699 #666699) erscheint.
    =========================================================== */
    
    /* Die verschiedenen Leisten farblich anpassen. */
    #unifiedToolbar,
    #tabs-toolbar {
      background-image: none !important;
      background-color: #666699 !important;
    }
    
    #toolbar-menubar {
      background-color: #9FA2D5 !important;
    }
    
    .icons-beside-text {
      min-height: 32px !important;
      max-height: 32px !important;
    }
    
    /* ===============================================
     ??? ? 1. Variante – TEST: Tabs scrollbar & kompakt ???
    =============================================== */
    tab {
      min-width: 100px !important;   /* Tabbreite verringert */
      height: 30px !important;           /* Tabhöhe kompakter */
      margin-right: 2px !important;   /* Abstand zwischen Tabs */
    }
    tabs {
      overflow-x: auto !important;    /* horizontales Scrollen */
      scroll-behavior: smooth !important;
      display: flex !important;           /* Flexbox aktivieren */
    }
    tabpanels {
      padding: 0 !important;             /* Abstand zu Inhalt minimieren */
    }
    /* ===========================================
    ???? Ende 1. Variante – Tabs scrollbar & kompakt ???
    ======================================?====== */
    
    /* ============================================
     ? 2. Variante – Tabs scrollbar & kompakt (kompakt-Stil)
    ============================================== */
    tab {
      min-width: 100px !important;
      height: 30px !important;
      margin-right: 2px !important;
    }
    tab {
      .tab-background {
        background: none !important;
        background-color: #DBA2CC !important;
      }
    }
    tab[selected="true"] {
      .tab-background {
        background-color: #BA78AB !important;
      }
    }
    .tab-line {
      display: none !important;
    }
    tabs {
      overflow-x: auto !important;
      scroll-behavior: smooth !important;
      display: flex !important;
    }
    tabpanels {
      padding: 0 !important;
    }
    /* ===========================================
     ? Ende 2. Variante – Tabs scrollbar & kompakt
    =========================================== */
    
    /* ??? Begriffstabelle für CSS-Tests (intern) ??? */
    /*
    ? Bereich        | Tabs, Baum, Menü
    ? Status          | Funktioniert stabil & gewünscht
    ? Status          | Noch fehlerhaft oder unsicher
    ? Testcode     | Neuer Versuch, Beobachtung läuft
    ? Datum          | Wann getestet / ergänzt
    ? Notizen        | Verhalten, Besonderheiten
    */
    
    
    /* -----------------------------------------------------------------------------------------------------------
    🧩 Abschnitt 1/6 – Kommentarstruktur, Tabs & allgemeines Layout
    ---------------------------------------------------------------------------------------------- ---------------- */
    /* --- Hier beginnen die CSS ohne obige Notizen, da sie keine Relevanz für die Code  haben --- */
    
    /* ? Farbverläufe */
    /* Farbverlauf TB-Kopfzeile im Nachrichtenbereich (z.?B. Betreff, Von, An) */
    #msgHeaderView {
      background: linear-gradient(#BA78AB, #666699) !important;
      min-height: 72px !important;
      /* ? Erklärung: Verleiht dem Nachrichtenkopf ein visuelles Highlight in TB */
    }
    /* Hintergrund-Farbverlauf links TB Ordnerbaum */
    #folderPane {
      appearance: none !important;
      background: linear-gradient(#BA78AB, #666699) !important;
      /* ? Erklärung: Gestaltung des linken Bereichs für Ordnerübersicht */
    }
    /* ? Account Central – TB-Farbgestaltung der Startseite */
    /* Gestaltung der Begrüßungsseite / Accountübersicht */
    
    #accountCentral,
    .account-central-section,
    .account-central-section > h2,
    .account-central-section > div,
    #accountCentral > *:first-child {
      background-color: #BA78AB !important;
      color: #ffffff !important;
      /* ? Erklärung: Einheitliche Farbgestaltung der Account-Übersicht */
    }
    
    /* Tagesplan */
    #agenda {
      appearance: none !important;
      background: linear-gradient(#BA78AB, #666699) !important;
      /* ? Erklärung: Gestaltung des linken Bereichs für Ordnerübersicht */
    }
    
    /* ---------------------------------------------------------------------------------------------------------------------------------------------------------
    ? Abschnitt 2/6 – Schriftgrößen, Composer (Verfassen)-Fenster, Nachrichtenliste & Ordnerbaum
    ------------------------------------------------------------------------------------------------------------------------------------------------------------- */
    /* =========================`=================
    ? Ordnerbaum-Konten: Schriftart, - Größe & -Höhe
    Schrift in Ordnernamen (Posteingang, Gesendet etc.)
    ============================================ */
    
    /* Höhe der einzelnen Ordnerzeilen */
    #folderTree li > .container {
      height: 10px !important;          /* ?? Ursprüngliche Zeilenhöhe – wird durch folgende Regel überschrieben */
      /* ? Erklärung: Verringert die Zeilenhöhe, damit mehr Ordner auf einmal sichtbar sind */
    }
    /* ?? Geändert: Höhe auf sinnvolle 24px angepasst (10px ist zu wenig für die Darstellung) */
    #folderTree li > .container {
      height: 24px !important;          /* ?? geändert: von 10 auf 24px Schrifthöhe angepasst */
      /* ? Erklärung: Optimierte Zeilenhöhe für gute Lesbarkeit der Ordner */
    }
    /*
    ===================================================
    ? Nachrichten-Eingabefeld oder Kopfzeile - (Compose-Fenster)
    Betreffzeile im Composer-Fenster (neue Nachricht)
    ===================================================
    */
    @-moz-document url-prefix("chrome://messenger/content/messengercompose/messengercompose.xhtml") {
      #msgSubject {
        font-size: 21px !important;
        font-weight: bold !important;
        font-family: Arial Black !important;
        /* ? Erklärung: Der Betreff wird prominent und deutlich dargestellt */
      }
    }
    
    /*
    ============================================
    ? Nachrichtenliste / ThreadPane
    Farb-Alternative: #BA78AB, #DBA2CC
    Liste aller E-Mails in einem Ordner (z.?B. Posteingang)
    ============================================
    */
    #threadTree {
      font-size: 30px !important;
      font-family: Arial Black !important;
      background-color: #9FA2D5 !important;
      /* ? Erklärung: Große Schrift in der Mail-Liste sorgt für bessere Lesbarkeit */
    }
    /* ?? Geändert: Zeilenhöhe ebenfalls auf 24px angepasst */
    #threadTree > treechildren::-moz-tree-row {
      font-family: Arial Black !important;
      height: 24px !important;          /* ?? geändert: Höhe von 10 auf 24px korrigiert für Darstellung */
      /* ? Erklärung: Kompakte Ansicht innerhalb der Mail-Liste mit besserem Platz für Inhalte */
    }
    /* ?? Deaktiviert – Funktioniert nicht: `fill` wirkt nicht auf Tree-Icons in TB */
    #threadTree treechildren::-moz-tree-image(unread) {
      fill: #990000 !important;
      /* ?? deaktiviert – siehe Hinweis: keine Wirkung unter aktuellen TB-Versionen */
    }
    /* ? Hinzugefügt: funktionierender SVG-Punkt für ungelesene Nachrichten */
    #threadTree treechildren::-moz-tree-image(unread) {
      list-style-image: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' width='8' height='8'><circle cx='4' cy='4' r='4' fill='%23990000'/></svg>") !important;
      /* ? Erklärung: Roter Punkt erscheint zuverlässig bei ungelesener Mail */
    }
    
    /* =============================================
    ? HG-Farbe für Server-Zeile in Konten (optional)
    ============================================= */
    
    /* ? Hebt die Hauptkonto-Zeile im Ordnerbaum farblich hervor */
    /* #folderTree treechildren::-moz-tree-cell-text(isServer-true) */
    li[data-server-type="imap"] > .container {
      margin-top: 2px !important;
    }
    li[data-server-type="imap"] > .container {
      background-color: #DBA2CC !important;
      color: black !important;
    }
    
    /* ----------------------------------------------------------------------------------------------
    ? Abschnitt 3/6 – Scrollbars, Nachrichtenvorschau, Toolbars & Menüleisten
    ----------------------------------------------------------------------------------------------- */
    
    /* ===================================================
    ?? Scrollbars (Scrollbar-Stil im gesamten Thunderbird)
    =================================================== */
    scrollbar {
      -moz-appearance: none !important;
      background-color: #BCA5D4 !important;
      width: 16px !important;
      /* ? Erklärung: Einheitlicher Look für Scrollbars – helle violette Farbe */
    }
    
    scrollbar thumb {
      background-color: #673A95 !important;
      border-radius: 6px !important;
      /* ? Erklärung: Dunkler Scrollbalken mit abgerundeten Ecken für eleganten Look */
    }
    
    /* ===========================================
    ? Vorschau-Fenster (Nachrichtenvorschau unten)
    =========================================== */
    #messagepane {
      font-size: 22px !important;
      font-family: Arial Black !important;
      background-color: #F1E5FF !important;
      /* ? Erklärung: Vorschau leserlich mit großer Schrift & hellem Hintergrund */
    }
    
    /* ============================================
    ? Toolbars: Button-Schrift und Hintergrundfarbe
    ============================================ */
    /* #header-view-toolbar {
      background: none !important;
    }
    #messageHeader #header-view-toolbox {
      padding-top: 0 !important;
      padding-bottom: 0 !important;
    }
    #messageHeader #expandedfromRow {
      margin-top: -12px !important;
    }
    #messageHeader[compact="compact"] #header-view-toolbox {
      padding-top: 0 !important;
      padding-bottom: 10px !important;
      margin-top: -6px !important;
    }
    #messageHeader[compact="compact"] #expandedfromRow {
      margin-top: 26px !important;
    } */
    
    #messageHeader #header-view-toolbar {
      min-height: 1.4em !important;
      background: none !important;
      padding: 0 !important;
      margin: 0 !important;
    }
    
    li.extension-action > div > button {
      font-family: Arial Black !important;
      color: black !important;
      background-color: #C8A2C8 !important;
      border-radius: 4px !important;
      /* ? Erklärung: Klare Buttons mit auffälliger Hintergrundfarbe */
    }
    toolbarbutton {
      font-size: 18px !important;
      font-family: Arial Black !important;
      color: black !important;
      background-color: #C8A2C8 !important;
      border-radius: 4px !important;
      /* ? Erklärung: Klare Buttons mit auffälliger Hintergrundfarbe */
    }
    toolbarbutton.message-header-view-button,
    toolbarbutton.message-header-view-button > toolbarbutton {
      font-size: 14px !important;
    }
    /* =============================
    ? Menüleisten: Schrift und Farbe
    ============================= */
    menubar {
      padding-left: 3px !important;
    }
    menubar > menu {
      font-size: 16px !important;
      font-family: Arial Black !important;
      border-radius: 5px !important;
      background-color: #D2B9D3 !important;
      color: #000000 !important;
      padding-top: 0 !important;
      padding-bottom: 1px !important;
      margin-top: 2px !important;
      margin-right: 3px !important;
      margin-bottom: 2px !important;
      /* ? Erklärung: Menüleiste mit klarer Struktur und gut lesbarer Schrift */
    }
    
    /* ----------------------------------------------------------------------------------------------
    ? Abschnitt 4/6 – Tooltip-Stil, Fensterrahmen & Statusleiste
    ---------------------------------------------------------------------------------------------- */
    
    /* ============================================================
    ? Tooltip-Stil (z. B. wenn man mit der Maus über Buttons fährt)
    ============================================================ */
    tooltip {
      font-size: 16px !important;
      font-family: Arial Black !important;
      color: #000000 !important;
      background-color: #F2DFFF !important;
      border: 1px solid #673A95 !important;
      border-radius: 5px !important;
      padding: 4px !important;
      /* ? Erklärung: Tooltips werden gut lesbar und visuell angenehm dargestellt */
    }
    
    /* ====================================
    ? Rahmen um das Hauptfenster (optional)
    Kann das Gesamtlayout visuell begrenzen
    ==================================== */
    /* #messengerWindow {
      border: 5px solid #C0A0D0 !important;
      border-radius: 10px !important;
      ? Erklärung: Verleiht dem Hauptfenster einen dekorativen Rahmen
    } */
    
    /* =====================================================
    ? Statusleiste unten (ganz unten im Thunderbird-Fenster)
    ===================================================== */
    statusbar {
      font-size: 15px !important;
      font-family: Arial Black !important;
      background-color: #EADCF2 !important;
      color: #000000 !important;
      border-top: 2px solid #BCA5D4 !important;
      /* ? Erklärung: Klarer Kontrast zur Statusleiste mit eleganter Farbgebung */
    }
    
    /* -----------------------------------------------------------------------------------------------
    ? Abschnitt 5/6 – Kalenderansicht, Adressbuch & Suchleiste
    ------------------------------------------------------------------------------------------------ */
    
    /* ==============================================
    ? Kalender: Tagesansicht, Wochenansicht, Monatsansicht
    ================================================ */
    .calendar-day-view, .calendar-week-view, .calendar-month-view {
      font-size: 18px !important;
      font-family: Arial Black !important;
      background-color: #F7F0FF !important;
      color: black !important;
      /* ? Erklärung: Einheitliche Optik im Kalender mit gut lesbarer Schrift */
    }
    
    /* =====================================
    ??? Adressbuch: Listenansicht & Kontakte
    ===================================== */
    #abResultsTree {
      font-size: 20px !important;
      font-family: Arial Black !important;
      background-color: #EFE0F8 !important;
      color: black !important;
      /* ? Erklärung: Kontaktliste mit großer, kontrastreicher Schrift */
    }
    #abResultsBox {
      border: 2px solid #BCA5D4 !important;
      border-radius: 8px !important;
      /* ? Erklärung: Visuelle Rahmung des Adressbuch-Bereichs */
    }
    
    /* =========================================
    ? Suchleiste (oberhalb der Nachrichtenliste)
    ========================================= */
    #searchInput {
      font-size: 18px !important;
      font-family: Arial Black !important;
      background-color: #F0DDF9 !important;
      color: black !important;
      border: 1px solid #673A95 !important;
      border-radius: 4px !important;
      /* ? Erklärung: Suchfeld wird deutlich sichtbar und optisch eingebettet */
    }
    
    /* ---------------------------------------------------------------------------------------------------------
    ? Abschnitt 6/6 – Systemfarben, E-Mail-Buttons & Spezialelemente
    ------------------------------------------------------------------------------------------------------------ */
    
    /* ================================================
    ? Systemfarben überschreiben (z.B. Dialoge, Rahmen)
    ================================================ */
    
    :root {
      --system-color-background: #F9F0FF !important;
      --system-color-text: #000000 !important;
      --system-color-accent: #A175D1 !important;
      /* ? Erklärung: Einheitliche Farbpalette für Thunderbird-Systemelemente */
    }
    
    /* ===========================================================
    ? Buttons innerhalb von E-Mails (Antworten, Weiterleiten etc.)
    =========================================================== */
    .mail-action-button {
      font-size: 17px !important;
      font-family: Arial Black !important;
      background-color: #D3A3E1 !important;
      color: black !important;
      border-radius: 5px !important;
      padding: 6px 12px !important;
      /* ? Erklärung: Klare und visuell hervorgehobene Buttons für Mailaktionen */
    }
    
    /* =========================================================
    ? Anhangsbereich (Attachment Pane bei empfangener Nachricht)
    ========================================================= */
    .attachmentList {
      font-size: 16px !important;
      font-family: Arial Black !important;
      background-color: #F0E3FF !important;
      border: 1px solid #BCA5D4 !important;
      border-radius: 5px !important;
      padding: 4px !important;
      /* ? Erklärung: Anhangsliste übersichtlich und optisch eingebettet */
    }
    
    /* ============================================
    ? Ladeindikator / Fortschrittsbalken (optional)
    ============================================ */
    progress {
      background-color: #E0CCE8 !important;
    }
    progress::-moz-progress-bar {
      background-color: #673A95 !important;
      /* ? Erklärung: Ladeleisten im Design integriert – harmonisch in der Farbpalette */
    }
    
    /* ------------------------------------------
    Abschnitte: 1 bis 6  Ende !!!
    --------------------------------------------- */
    Alles anzeigen
  • Thunderbird 141 – userChrome.css: Farbverläufe, Ordnerbaum & Scrollbalken un vieles mehr nicht anpassbar.

    • dharkness21
    • 5. August 2025 um 17:00
    Zitat von Neddy

    Wäre es möglich, dass die 6 Kopfzeilen-Buttons auch dann sichtbar bleiben, wenn der VON-Pfeil zugeklappt ist? D. h., dass wir hier 2 Zeilen haben könnten.

    Ich habe das Problem nicht, vielleicht haut da eine andere Erweiterung dazwischen, welche Erweiterungen hast Du also installiert?

  • Thunderbird 141 – userChrome.css: Farbverläufe, Ordnerbaum & Scrollbalken un vieles mehr nicht anpassbar.

    • dharkness21
    • 5. August 2025 um 12:20

    Hallo Neddy,

    hier mal ein erster Versuch, ist aber noch nicht wirklich fertig, schau bitte mal, was passt und was nicht.

    CSS
    /* ====================================================================
    ? Thunderbird Benutzeroberfläche – Benutzerdefiniertes Design
    ?? Version: TB 140.0.1 | (128.13.0 esr) Gesamtfassung Stand: 31.07.2025 (bereinigt)
    ?? Basis: Code vom 08.01.2025 + Ergänzungen
    ?? Hinweis:  about:config
         - toolkit.legacyUserProfileCustomizations.stylesheets` ? true
         - devtools.chrome.enabled` ? true 
    ===================================================================== */
    /* ===========================================================
    ? Anleitung: Div. Mails zus. als Tabs öffnen
    Ordnerbaum > Posteingang je Mail-Kto. Anzahl: Div. ? > anklicken
    = Nachrichtenliste > Strg + A + Enter
    Bestätigungs-Fenster div. Nachrichten bestätigen ? OK
    Tabs erscheinen oben > Senkrecht-Dreieck (rechts) > 
    Überhangliste mit Scrolli (Scrollbar-color: #CC6699 #666699) erscheint.
    =========================================================== */
    
    /* Die verschiedenen Leisten farblich anpassen. */
    #unifiedToolbar,
    #tabs-toolbar {
      background-image: none !important;
      background-color: #666699 !important;
    }
    
    #toolbar-menubar {
      background-color: #9FA2D5 !important;
    }
    
    .icons-beside-text {
      min-height: 32px !important;
      max-height: 32px !important;
    }
    
    /* ===============================================
     ??? ? 1. Variante – TEST: Tabs scrollbar & kompakt ???
    =============================================== */
    tab {
      min-width: 100px !important;       /* Tabbreite verringert */
      height: 30px !important;           /* Tabhöhe kompakter */
      margin-right: 2px !important;      /* Abstand zwischen Tabs */
    }
    tabs {
      overflow-x: auto !important;       /* horizontales Scrollen */
      scroll-behavior: smooth !important;
      display: flex !important;          /* Flexbox aktivieren */
    }
    tabpanels {
      padding: 0 !important;             /* Abstand zu Inhalt minimieren */
    }
    /* ====================================================
    ???? ? Ende 1. Variante – Tabs scrollbar & kompakt ????
    ==================================================== */
    
    /* ====================================================
     ? 2. Variante – Tabs scrollbar & kompakt (kompaktstil)
    ==================================================== */
    tab {
      min-width: 100px !important;
      height: 30px !important;
      margin-right: 2px !important;
    }
    tab {
      .tab-background {
        background: none !important;
        background-color: #DBA2CC !important;
      }
    }
    tab[selected="true"] {
      .tab-background {
        background-color: #BA78AB !important;
      }
    }
    .tab-line {
      display: none !important;
    }
    
    tabs {
      overflow-x: auto !important;
      scroll-behavior: smooth !important;
      display: flex !important;
    }
    tabpanels {
      padding: 0 !important;
    }
    /* ===========================================
     ? Ende 2. Variante – Tabs scrollbar & kompakt
    =========================================== */
    /* ??? ? Begriffstabelle für CSS-Tests (intern) ??? */
    /*
    ? Bereich      | Tabs, Baum, Menü
    ? Status       | Funktioniert stabil & gewünscht
    ? Status       | Noch fehlerhaft oder unsicher
    ? Testcode     | Neuer Versuch, Beobachtung läuft
    ? Datum        | Wann getestet / ergänzt
    ? Notizen      | Verhalten, Besonderheiten
    */
    
    /* --- Hier beginnen die CSS ohne obige Notizen, da sie keine Relevanz für die Code  haben --- */
    
    /* ? Farbverläufe */
    /* Farbverlauf TB-Kopfzeile im Nachrichtenbereich (z.?B. Betreff, Von, An) */
    #msgHeaderView {
      background: linear-gradient(#BA78AB, #666699) !important;
      min-height: 72px !important;
      /* ? Erklärung: Verleiht dem Nachrichtenkopf ein visuelles Highlight in TB */
    }
    /* Hintergrund-Farbverlauf links TB Ordnerbaum */
    #folderPane {
      appearance: none !important;
      background: linear-gradient(#BA78AB, #666699) !important;
      /* ? Erklärung: Gestaltung des linken Bereichs für Ordnerübersicht */
    }
    /* ? Account Central – TB-Farbgestaltung der Startseite */
    /* Gestaltung der Begrüßungsseite / Accountübersicht */
    
    #accountCentral,
    .account-central-section,
    .account-central-section > h2,
    .account-central-section > div,
    #accountCentral > *:first-child {
      background-color: #BA78AB !important;
      color: #ffffff !important;
      /* ? Erklärung: Einheitliche Farbgestaltung der Account-Übersicht */
    }
    
    /* Tagesplan */
    #agenda {
      appearance: none !important;
      background: linear-gradient(#BA78AB, #666699) !important;
      /* ? Erklärung: Gestaltung des linken Bereichs für Ordnerübersicht */
    }
    
    /* ---------------------------------------------------------------------------------------------------------------
    ? Abschnitt 2/6 – Schriftgrößen, Composer (Verfassen)-Fenster, Nachrichtenliste & Ordnerbaum
    ---------------------------------------------------------------------------------------------------------------- */                   
    /* ===================================
    ? Ordnerbaum-Konten: Schriftart, -Größe & -Höhe
    Schrift in Ordnernamen (Posteingang, Gesendet etc.)
    ===================================== */
    /* Höhe der einzelnen Ordnerzeilen */
    #folderTree li > .container {
      height: 10px !important;          /* ?? Ursprüngliche Zeilenhöhe – wird durch folgende Regel überschrieben */
      /* ? Erklärung: Verringert die Zeilenhöhe, damit mehr Ordner auf einmal sichtbar sind */
    }
    /* ?? Geändert: Höhe auf sinnvolle 24px angepasst (10px ist zu wenig für die Darstellung) */
    #folderTree li > .container {
      height: 24px !important;          /* ?? geändert: von 10 auf 24px Schrifthöhe angepasst */
      /* ? Erklärung: Optimierte Zeilenhöhe für gute Lesbarkeit der Ordner */
    }
    /*
    ===================================================
    ? Nachrichten-Eingabefeld oder Kopfzeile - (Compose-Fenster)
    Betreffzeile im Composer-Fenster (neue Nachricht)
    ===================================================
    */
    @-moz-document url-prefix("chrome://messenger/content/messengercompose/messengercompose.xhtml") {
      #msgSubject {
        font-size: 21px !important;
        font-weight: bold !important;
        font-family: Arial Black !important;
        /* ? Erklärung: Der Betreff wird prominent und deutlich dargestellt */
      }
    }
    /*
    ============================================
    ? Nachrichtenliste / ThreadPane
    Farb-Alternative: #BA78AB, #DBA2CC
    Liste aller E-Mails in einem Ordner (z.?B. Posteingang)
    ============================================
    */
    #threadTree {
      font-size: 30px !important;
      font-family: Arial Black !important;
      background-color: #9FA2D5 !important;
      /* ? Erklärung: Große Schrift in der Mail-Liste sorgt für bessere Lesbarkeit */
    }
    /* ?? Geändert: Zeilenhöhe ebenfalls auf 24px angepasst */
    #threadTree > treechildren::-moz-tree-row {
      font-family: Arial Black !important;
      height: 24px !important;          /* ?? geändert: Höhe von 10 auf 24px korrigiert für Darstellung */
      /* ? Erklärung: Kompakte Ansicht innerhalb der Mail-Liste mit besserem Platz für Inhalte */
    }
    /* ?? Deaktiviert – Funktioniert nicht: `fill` wirkt nicht auf Tree-Icons in TB */
    #threadTree treechildren::-moz-tree-image(unread) {
      fill: #990000 !important;
      /* ?? deaktiviert – siehe Hinweis: keine Wirkung unter aktuellen TB-Versionen */
    }
    /* ? Hinzugefügt: funktionierender SVG-Punkt für ungelesene Nachrichten */
    #threadTree treechildren::-moz-tree-image(unread) {
      list-style-image: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' width='8' height='8'><circle cx='4' cy='4' r='4' fill='%23990000'/></svg>") !important;
      /* ? Erklärung: Roter Punkt erscheint zuverlässig bei ungelesener Mail */
    }
    /*
    ========================================
    ? HG-Farbe für Server-Zeile in Konten (optional)
    ========================================
    
    /* ? Hebt die Hauptkonto-Zeile im Ordnerbaum farblich hervor */
    /* #folderTree treechildren::-moz-tree-cell-text(isServer-true) */
    li[data-server-type="imap"] > .container {
      margin-top: 2px !important;
    }
    li[data-server-type="imap"] > .container {
      background-color: #DBA2CC !important;
      color: black !important;
    }
    
    /* ----------------------------------------------------------------------
    ? Abschnitt 3/6 – Scrollbars, Nachrichtenvorschau, Toolbars & Menüleisten
    ---------------------------------------------------------------------- */
    /* ===================================================
    ?? Scrollbars (Scrollbar-Stil im gesamten Thunderbird)
    =================================================== */
    scrollbar {
      -moz-appearance: none !important;
      background-color: #BCA5D4 !important;
      width: 16px !important;
      /* ? Erklärung: Einheitlicher Look für Scrollbars – helle violette Farbe */
    }
    
    scrollbar thumb {
      background-color: #673A95 !important;
      border-radius: 6px !important;
      /* ? Erklärung: Dunkler Scrollbalken mit abgerundeten Ecken für eleganten Look */
    }
    /* ===========================================
    ? Vorschau-Fenster (Nachrichtenvorschau unten)
    =========================================== */
    #messagepane {
      font-size: 22px !important;
      font-family: Arial Black !important;
      background-color: #F1E5FF !important;
      /* ? Erklärung: Vorschau leserlich mit großer Schrift & hellem Hintergrund */
    }
    
    /* ============================================
    ? Toolbars: Button-Schrift und Hintergrundfarbe
    ============================================ */
    #header-view-toolbar {
      background: none !important;
    }
    
    #messageHeader #header-view-toolbox {
      padding-top: 0 !important;
      padding-bottom: 0 !important;
    }
    #messageHeader #expandedfromRow {
      margin-top: -12px !important;
    }
    #messageHeader[compact="compact"] #header-view-toolbox {
      padding-top: 0 !important;
      padding-bottom: 10px !important;
      margin-top: -6px !important;
    }
    #messageHeader[compact="compact"] #expandedfromRow {
      margin-top: 26px !important;
    }
    
    li.extension-action > div > button {
      font-family: Arial Black !important;
      color: black !important;
      background-color: #C8A2C8 !important;
      border-radius: 4px !important;
      /* ? Erklärung: Klare Buttons mit auffälliger Hintergrundfarbe */
    }
    toolbarbutton {
      font-size: 18px !important;
      font-family: Arial Black !important;
      color: black !important;
      background-color: #C8A2C8 !important;
      border-radius: 4px !important;
      /* ? Erklärung: Klare Buttons mit auffälliger Hintergrundfarbe */
    }
    /*
    ===========================
    ? Menüleisten: Schrift und Farbe
    ===========================
    */
    menubar {
      font-size: 18px !important;
      font-family: Arial Black !important;
      color: #000000 !important;
      background-color: #D2B9D3 !important;
      /* ? Erklärung: Menüleiste mit klarer Struktur und gut lesbarer Schrift */
    }
    /* ---------------------------------------------------------------------------------------------------------
    ? Abschnitt 4/6 – Tooltip-Stil, Fensterrahmen & Statusleiste
    --------------------------------------------------------------------------------------------------------- */
    /* ============================================================
    ? Tooltip-Stil (z.?B. wenn man mit der Maus über Buttons fährt)
    ============================================================ */
    tooltip {
      font-size: 16px !important;
      font-family: Arial Black !important;
      color: #000000 !important;
      background-color: #F2DFFF !important;
      border: 1px solid #673A95 !important;
      border-radius: 5px !important;
      padding: 4px !important;
      /* ? Erklärung: Tooltips werden gut lesbar und visuell angenehm dargestellt */
    }
    /* ====================================
    ? Rahmen um das Hauptfenster (optional)
    Kann das Gesamtlayout visuell begrenzen
    ==================================== */
    /* #messengerWindow {
      border: 5px solid #C0A0D0 !important;
      border-radius: 10px !important;
      ? Erklärung: Verleiht dem Hauptfenster einen dekorativen Rahmen
    } */
    /* =====================================================
    ? Statusleiste unten (ganz unten im Thunderbird-Fenster)
    ===================================================== */
    statusbar {
      font-size: 15px !important;
      font-family: Arial Black !important;
      background-color: #EADCF2 !important;
      color: #000000 !important;
      border-top: 2px solid #BCA5D4 !important;
      /* ? Erklärung: Klarer Kontrast zur Statusleiste mit eleganter Farbgebung */
    }
    /* -------------------------------------------------------
    ? Abschnitt 5/6 – Kalenderansicht, Adressbuch & Suchleiste
    ------------------------------------------------------- */
    /* ===================================================
    ? Kalender: Tagesansicht, Wochenansicht, Monatsansicht
    =================================================== */
    .calendar-day-view, .calendar-week-view, .calendar-month-view {
      font-size: 18px !important;
      font-family: Arial Black !important;
      background-color: #F7F0FF !important;
      color: black !important;
      /* ? Erklärung: Einheitliche Optik im Kalender mit gut lesbarer Schrift */
    }
    /* ====================================
    ?? Adressbuch: Listenansicht & Kontakte
    ==================================== */
    #abResultsTree {
      font-size: 20px !important;
      font-family: Arial Black !important;
      background-color: #EFE0F8 !important;
      color: black !important;
      /* ? Erklärung: Kontaktliste mit großer, kontrastreicher Schrift */
    }
    #abResultsBox {
      border: 2px solid #BCA5D4 !important;
      border-radius: 8px !important;
      /* ? Erklärung: Visuelle Rahmung des Adressbuch-Bereichs */
    }
    /*
    =====================================
    ? Suchleiste (oberhalb der Nachrichtenliste)
    =====================================
    */
    #searchInput {
      font-size: 18px !important;
      font-family: Arial Black !important;
      background-color: #F0DDF9 !important;
      color: black !important;
      border: 1px solid #673A95 !important;
      border-radius: 4px !important;
      /* ? Erklärung: Suchfeld wird deutlich sichtbar und optisch eingebettet */
    }
    /*
    --------------------------------------------------------------------------------------------------------------------
    ? Abschnitt 6/6 – Systemfarben, E-Mail-Buttons & Spezialelemente
    ---------------------------------------------------------------------------------------------------------------------
    */
    /*
    ==============================================
    ? Systemfarben überschreiben (z.?B. Dialoge, Rahmen)
    ==============================================
    */
    :root {
      --system-color-background: #F9F0FF !important;
      --system-color-text: #000000 !important;
      --system-color-accent: #A175D1 !important;
      /* ? Erklärung: Einheitliche Farbpalette für Thunderbird-Systemelemente */
    }
    /*
    ===================================================
    ? Buttons innerhalb von E-Mails (Antworten, Weiterleiten etc.)
    ===================================================
    */
    .mail-action-button {
      font-size: 17px !important;
      font-family: Arial Black !important;
      background-color: #D3A3E1 !important;
      color: black !important;
      border-radius: 5px !important;
      padding: 6px 12px !important;
      /* ? Erklärung: Klare und visuell hervorgehobene Buttons für Mailaktionen */
    }
    /*
    ======================================================
    ? Anhangsbereich (Attachment Pane bei empfangener Nachricht)
    ======================================================
    */
    .attachmentList {
      font-size: 16px !important;
      font-family: Arial Black !important;
      background-color: #F0E3FF !important;
      border: 1px solid #BCA5D4 !important;
      border-radius: 5px !important;
      padding: 4px !important;
      /* ? Erklärung: Anhangsliste übersichtlich und optisch eingebettet */
    }
    /*
    ======================================
    ? Ladeindikator / Fortschrittsbalken (optional)
    ======================================
    */
    progress {
      background-color: #E0CCE8 !important;
    }
    progress::-moz-progress-bar {
      background-color: #673A95 !important;
      /* ? Erklärung: Ladeleisten im Design integriert – harmonisch in der Farbpalette */
    }
    /* --------------------------------------------
    Abschnitte: 1 bis 6  Ende !!!
    ----------------------------------------------- */
    Alles anzeigen
  • Ausgewählte Farben für Text werden nicht mit versandt ???

    • dharkness21
    • 4. August 2025 um 19:30
    Zitat von RomanL

    Ist der Schalter eingeschaltet wird der farbige Text angezeigt
    Ist er ausgeschaltet wird der Text nur weiß auf schwarz angezeigt

    Ich sehe das als Bug an, welchen Grund sollte es geben, das der Text nicht auch im dunklen Modus farbig angezeigt wird.

  • Thunderbird 141 – userChrome.css: Farbverläufe, Ordnerbaum & Scrollbalken un vieles mehr nicht anpassbar.

    • dharkness21
    • 3. August 2025 um 19:09
    Zitat von Neddy

    Ja - Compact Headers

    Das ist kein Theme, das ist ein/e Add-on/Erweiterung.

  • Thunderbird 141 – userChrome.css: Farbverläufe, Ordnerbaum & Scrollbalken un vieles mehr nicht anpassbar.

    • dharkness21
    • 3. August 2025 um 18:05
    Zitat von Neddy

    Prima - was brauchst du genau
    Bilder, wie Thunderbird jetzt mit und ohne Farbe aussieht?

    Verwendest Du ein Theme?

  • Thunderbird 141 – userChrome.css: Farbverläufe, Ordnerbaum & Scrollbalken un vieles mehr nicht anpassbar.

    • dharkness21
    • 3. August 2025 um 15:39

    Neddy,
    jetzt fehlt uns noch ein anonymisierter Screenshot, wir müssen den Ist-Zustand sehen, dann können wir uns ans Werk machen.

  • Thunderbird 141 – userChrome.css: Farbverläufe, Ordnerbaum & Scrollbalken un vieles mehr nicht anpassbar.

    • dharkness21
    • 3. August 2025 um 14:42

    Du kopierst den Inhalt der userChrome.css, klickst bei Code-Block einfügen* auf den Pfeil, dann klickst Du auf Automatische Erkennung und klickst dort auf CSS und klickst dann auf Einfügen, in den Kasten der dann erscheint, fügst Du dann den kopierten Inhalt der userChrome.css ein.

    *

  • Hintergrundfarbe umstellen

    • dharkness21
    • 3. August 2025 um 13:24
    Zitat von Razerzone

    Wieder was gelernt.

    Das tue ich selbst im höheren Alter jeden Tag ein wenig, das hält die Rübe frisch.

  • Hintergrundfarbe umstellen

    • dharkness21
    • 3. August 2025 um 12:24
    Zitat von Razerzone

    Versteh nur den Unterschied zwischen "ungelesene" und "neue ungelesene" nicht. Sind doch beide "ungelesen", oder?

    Der Unterschied besteht darin, das die eine Mail nur ungelesen ist ist die andere gerade neu eingetroffen ist und logischerweise natürlich auch ungelesen ist, wenn man also [data-properties~="new"] zusätzlich verwendet, kann man ungelesen, sprich [data-properties~="unread"], und neu und ungelesen, sprich [data-properties~="unread"][data-properties~="new"], eindeutig unterscheiden.

  • Thunderbird 141 – userChrome.css: Farbverläufe, Ordnerbaum & Scrollbalken un vieles mehr nicht anpassbar.

    • dharkness21
    • 3. August 2025 um 12:16

    Kannst Du das bitte als Code-Block ↓ einfügen, Dankeschön.

  • Hintergrundfarbe umstellen

    • dharkness21
    • 3. August 2025 um 10:40
    Zitat von Razerzone

    Scheint sich zu überschneiden.

    Teste bitte mal die ↓ Variante.

    CSS
    #threadTree[rows="thread-card"] tbody [data-properties~="unread"] {
       background-color: orange !important;
       color: black !important;   
    }
    #threadTree[rows="thread-card"] tbody [data-properties~="unread"]:hover {
       color: black !important;
    }

    P.S.: Diese Schnipsel ist allerdings nur für ungelesene Mails, für neue ungelesene Mails ist das Schnipsel nicht zuständig.

  • Thunderbird 141 – userChrome.css: Farbverläufe, Ordnerbaum & Scrollbalken un vieles mehr nicht anpassbar.

    • dharkness21
    • 3. August 2025 um 01:08
    Zitat von Mapenzi

    Auf meinem Mac funktioniert folgender CSS Code

    Mittels Javascript geht mehr, guckst Du da ↓.

  • Thunderbird 141 – userChrome.css: Farbverläufe, Ordnerbaum & Scrollbalken un vieles mehr nicht anpassbar.

    • dharkness21
    • 3. August 2025 um 00:42
    Zitat von Mapenzi

    Ist mir unbekannt. Bitte ein Bild zeigen.
    Oder meist du vielleicht den Pfeil > links im Nachrichten-Header Bereich? Dieser Pfeil erscheint nur, wenn man die Erweiterung CompactHeaders installiert hat.

    Die Wahrscheinlichkeit ist ausgesprochen hoch, das die Erweiterung CompactHeaders gemeint ist, denn ohne entsprechende Erweiterung gibt es dort keinen Twisty.

  • Thunderbird 141 – userChrome.css: Farbverläufe, Ordnerbaum & Scrollbalken un vieles mehr nicht anpassbar.

    • dharkness21
    • 3. August 2025 um 00:15
    Zitat von Neddy

    Scrollbalken lassen sich nicht wie früher zweifarbig gestalten

    Das geht nur noch über ein Javascript ** und es sind auch noch Vorbereitungen * nötig.

    *
    Hier die Erklärung was man genau machen muss, und die benötigten Dateien dazu:

    https://github.com/Endor8/userChrome.js ... userChrome

    Die Anleitung ist zwar für Firefox, kann aber eins-zu-eins für Thunderbird übernommen werden.

    **

    JavaScript
    // Scrollbar.uc.js
    
    "use strict";
    /* Firefox userChrome.js tweaks - 'Custom Scrollbars' for Firefox ************************************************************ */
    /* Original by Aris (aris-addons@gmx.net)************************************************************************************* */
    /* Github: https://github.com/Aris-t2/CustomJSforFx/blob/master/scripts/custom_scrollbars.uc.js
    /* *************************************************************************************************************************** */
    /* Customized by Mira********************************************************************************************************* */
    /* https://www.camp-firefox.de/forum/thema/135133-custom-scrollbars-uc-js-anpassen/ ****************************************** */
    /* Scrollbar.v1.0.6.js    https://www.camp-firefox.de/forum/thema/135133/?postID=1207718#post1207718************************** */
    /* https://www.camp-firefox.de/forum/thema/136152/?postID=1222989#post1222989************************************************* */
    /* Scrollbar.v2.0.2.js    https://www.camp-firefox.de/forum/thema/136167/?postID=1223096#post1223096************************** */
    /* Scrollbar.v2.0.3.js    https://www.camp-firefox.de/forum/thema/136167/?postID=1223124#post1223124************************** */
    /* Scrollbar.v2.0.5.js    https://www.camp-firefox.de/forum/thema/136167/?postID=1223143#post1223143************************** */
    /* Scrollbar.v2.0.6.1.js  https://www.camp-firefox.de/forum/thema/136167/?postID=1223162#post1223162************************** */
    /* *************************************************************************************************************************** */
    /* Custom Scrollbars for Firefox ********************************************************************************************* */
    /* Version: 2.0.6.1 for Firefox 111+ ***************************************************************************************** */
    /* ******************************************************************************************************************************
    
    README
    
      about:config >
        widget.windows.overlay-scrollbars.enabled > false (Windows)
        widget.gtk.overlay-scrollbars.enabled > false (Linux)
      [!] The above preferences have to be set to 'false' for this code to work
    
      [!] DER STARTUP-CACHE MUSS NACH JEDER ÄNDERUNG GELÖSCHT WERDEN!
      -> Ordner 'startupCache' finden: Adressleiste > about:profiles > Lokales Verzeichnis > Ordner öffnen > startupCache
      -> Firefox schließen
      -> Inhalt des 'startupCache'-Ordners löschen
    
      Alternativ mit einem JavaScipt!
      -> https://github.com/Endor8/userChrome.js/blob/master/Firefox%2087/RestartFirefoxButtonM.uc.js
    
      Anpassungen vornehmen > Werte ändern
      - Optionen aktivieren/deaktivieren: true <-> false
      - Farbe
        - Name: red, blue, transparent
        - Hexcode: #33CCFF, #FFF
        - rgb(a): rgba(0,0,255,0.8)
        - hsl(a): hsla(240,100%,50%,0.8)
      - Zahlen: 1, 2, 3 ... 10, 11, 12 ...
      - Deckkraft (in Dezimalzahlen): 0.0 bis 1.0 z.B. 1.4 oder 1.75
      - Farbverläufe: linear-gradient(direction, color, color, color)
      - Beispiel für Farbverläufe: linear-gradient(to right, blue, #33CCFF, rgba(0,0,255,0.8))
      - vordefinierte Farbverläufe: transparent,rgba(255,255,255,0.5),transparent -> transparent,rgba(255,255,255,0.0),transparent
      - keine Farbe oder keine Farbwerte -> verwende "unset"
    
      218 -         max-width: ${custom_scrollbar_size_value}px !important;
      222 -         max-height: ${custom_scrollbar_size_value}px !important;
    */
    /* *************************************************************************************************************************** */
    (function() {
    
      // PROFILE PHATH "CALCULATE"
      let ProfileDirectory = PathUtils.toFileURI(PathUtils.join(PathUtils.profileDir, 'chrome', 'icons'));
      // GENERAL SCROLLBAR SETTINGS
      const custom_scrollbar_size_value = 17;               // in px // default: custom_scrollbar_size_value = 17
      // CUSTOM SCROLLBAR SETTINGS ("custom_scrollbar_" --> "cs_")
      const custom_scrollbars = true;                       // default: custom_scrollbars = true
      const custom_scrollbar_arrows = true;                 // default: custom_scrollbar_arrows = true
      const cs_thumb_border = 0;                            // default: cs_thumb_border = 0 / in px
      const cs_thumb_roundness = 0;                         // default: cs_thumb_roundness = 0 / in px
      const cs_buttons_border = 0;                          // default: cs_buttons_border = 0 / in px
      const cs_buttons_roundness = 0;                       // default: cs_buttons_roundness = 0 / in px
      const cs_thumb_minimal_size = 12;                     // default: cs_thumb_minimal_size = 12; / in px
      const cs_ignore_color_gradients = true;               // default: cs_ignore_color_gradients = false / 'flat' scrollbars
    // CUSTOM SCROLLBAR COLORS/GRADIENTS
    // - background
      const cs_background_color = "#1A1920";                // default: cs_background_color = "#DDDDDD"
      let cs_background_image_vertical = "unset";           // default: cs_background_image_vertical = "linear-gradient(to right,transparent,rgba(255,255,255,0.5),transparent)"
      let cs_background_image_horizontal = "unset";         // default: cs_background_image_horizontal = "linear-gradient(to bottom,transparent,rgba(255,255,255,0.5),transparent)"
      let cs_arrows_on_buttons_buttons_size = 1.1;          // default: cs_arrows_on_buttons_buttons_size = 1.0
    // - corner
      const cs_corner_background_color = "#bfbfbf";         // default: cs_corner_background_color = "#DDDDDD" / - corner
      let cs_corner_background_image = "unset";             // default: cs_corner_background_image = "linear-gradient(45deg,transparent 30%,rgba(255,255,255,0.5) 50%,transparent 70%),linear-gradient(-45deg,transparent 30%,rgba(255,255,255,0.5) 50%,transparent 70%)"
    // - thumb/slider
      const cs_thumb_color = "#474747";                     // default: cs_thumb_color = "#33CCFF" / thumb/slider
      let cs_thumb_image_vertical = "unset";                // default: cs_thumb_image_vertical = "linear-gradient(to right,transparent,rgba(255,255,255,0.5),transparent)"
      let cs_thumb_image_horizontal = "unset";              // default: cs_thumb_image_horizontal = "linear-gradient(to bottom,transparent,rgba(255,255,255,0.5),transparent)"
      const cs_thumb_hover_color = "#0082FC";                // default: cs_thumb_hover_color = "#66FFFF"
      let cs_thumb_hover_image_vertical = "unset";          // default: cs_thumb_hover_image_vertical = "linear-gradient(to right,transparent,rgba(255,255,255,0.5),transparent)"
      let cs_thumb_hover_image_horizontal = "unset";        // default: cs_thumb_hover_image_horizontal = "linear-gradient(to bottom,transparent,rgba(255,255,255,0.5),transparent)"
      const cs_thumb_border_color = "#B2B2B2";              // default: cs_thumb_border_color = "#33CCFF"
    // - buttons
      const cs_buttons_color = "#5b5b66";                   // default: cs_buttons_color = "#66FFFF" "#5b5b66"/ buttons
      let cs_buttons_image_vertical = "unset";              // default: cs_buttons_image_vertical = "linear-gradient(to right,transparent,rgba(255,255,255,0.5),transparent)"
      let cs_buttons_image_horizontal = "unset";            // default: cs_buttons_image_horizontal = "linear-gradient(to bottom,transparent,rgba(255,255,255,0.5),transparent)"
      const cs_buttons_hover_color = "#0082FC";             // default: cs_buttons_hover_color = "#33CCFF"
      const cs_buttons_border_color = "#B2B2B2";            // default: cs_buttons_border_color = "#33CCFF" "#5b5b66"
      let cs_buttons_hover_image_vertical = "unset";        // default: cs_buttons_hover_image_vertical = "linear-gradient(to right,transparent,rgba(255,255,255,0.5),transparent)"
      let cs_buttons_hover_image_horizontal = "unset";      // default: cs_buttons_hover_image_horizontal = "linear-gradient(to bottom,transparent,rgba(255,255,255,0.5),transparent)"
    
    /* *************************************************************************************************************************** */
      // unset background image color gradients -> flat scrollbars
      if(cs_ignore_color_gradients === true)
        cs_background_image_vertical
        = cs_background_image_horizontal
        = cs_corner_background_image
        = cs_thumb_image_vertical
        = cs_thumb_image_horizontal
        = cs_thumb_hover_image_vertical
        = cs_thumb_hover_image_horizontal
        = cs_buttons_image_vertical
        = cs_buttons_image_horizontal
        = cs_buttons_hover_image_vertical
        = cs_buttons_hover_image_horizontal
        = "unset";
    
      let custom_scrollbars_code='';
      let custom_scrollbar_arrows_code='';
    
      if(custom_scrollbars === true)
        custom_scrollbars_code=`
          slider, scrollcorner, scrollbar thumb, scrollbar scrollbarbutton {
            appearance: auto;
            -moz-default-appearance: none !important;
          }
          slider {
            background-color: ${cs_background_color} !important;
          }
          scrollbar[orient="vertical"] slider {
            background-image: ${cs_background_image_vertical} !important;
          }
          scrollbar[orient="horizontal"] slider {
            background-image: ${cs_background_image_horizontal} !important;
          }
          scrollcorner {
            background-color: ${cs_corner_background_color} !important;
            background-image: ${cs_corner_background_image} !important;
          }
          scrollbar thumb {
            background-color: ${cs_thumb_color} !important;
            border-radius: ${cs_thumb_roundness}px !important;
            box-shadow: inset 0 0 0 ${cs_thumb_border}px ${cs_thumb_border_color} !important;
          }
          scrollbar thumb[orient="vertical"] {
            background-image: ${cs_thumb_image_vertical} !important;
            min-height: ${(cs_thumb_minimal_size+cs_thumb_roundness+cs_thumb_border)}px !important;
          }
          scrollbar thumb[orient="horizontal"] {
            background-image: ${cs_thumb_image_horizontal} !important;
            min-width: ${(cs_thumb_minimal_size+cs_thumb_roundness+cs_thumb_border)}px !important;
          }
          scrollbar thumb:hover, scrollbar thumb:active {
            background-color: ${cs_thumb_hover_color} !important;
          }
          scrollbar thumb[orient="vertical"]:hover, scrollbar thumb[orient="vertical"]:active {
            background-image: ${cs_thumb_hover_image_vertical} !important;
          }
          scrollbar thumb[orient="horizontal"]:hover, scrollbar thumb[orient="horizontal"]:active {
            background-image: ${cs_thumb_hover_image_horizontal} !important;
          }
          scrollbar scrollbarbutton {
            background-color: ${cs_buttons_color} !important;
            border-radius: ${cs_buttons_roundness}px !important;
            box-shadow: inset 0 0 0 ${cs_buttons_border}px ${cs_buttons_border_color} !important;
            height: 17px !important;
            width: 17px !important;
          }
          scrollbar[orient="vertical"] scrollbarbutton {
            background-image: ${cs_buttons_image_vertical} !important;
          }
          scrollbar[orient="horizontal"] scrollbarbutton {
            background-image: ${cs_buttons_image_horizontal} !important;
          }
          scrollbar scrollbarbutton:hover {
            background-color: ${cs_buttons_hover_color} !important;
          }
          scrollbar[orient="vertical"] scrollbarbutton:hover {
            background-image: ${cs_buttons_hover_image_vertical} !important;
          }
          scrollbar[orient="horizontal"] scrollbarbutton:hover {
            background-image: ${cs_buttons_hover_image_horizontal} !important;
          }
        `;
    
      if(custom_scrollbar_arrows === true)
        custom_scrollbar_arrows_code=`
          scrollbarbutton[type="increment"],
          scrollbar[orient="vertical"] scrollbarbutton[type="decrement"],
          scrollbarbutton[type="increment"],
          scrollbar[orient="horizontal"] scrollbarbutton[type="decrement"] {
            background-repeat: no-repeat;
            background-position: center !important;  */
          }
          scrollbar[orient="vertical"] > scrollbarbutton[type="decrement"] {
            background-image: url("${ProfileDirectory}/Pfeil-hoch_gold.svg") !important;
          /*  background-position: top !important;  */
          }
          scrollbar[orient="vertical"] > scrollbarbutton[type="increment"] {
            background-image: url("${ProfileDirectory}/Pfeil-runter_gold.svg") !important;
          /*  background-position: bottom !important;  */
          }
          scrollbar[orient="horizontal"] > scrollbarbutton[type="decrement"] {
            background-image: url("${ProfileDirectory}/Pfeil-links_gold.svg") !important;
          /*  background-position: left !important;  */
          }
          scrollbar[orient="horizontal"] > scrollbarbutton[type="increment"] {
            background-image: url("${ProfileDirectory}/Pfeil-rechts_gold.svg") !important;
          /*  background-position: right !important;  */
          }
    
          /* hover */
    
          scrollbar[orient="vertical"] > scrollbarbutton[type="decrement"]:hover {
            background-image: url("${ProfileDirectory}/Pfeil-hoch_gold.svg") !important;
          }
          scrollbar[orient="vertical"] > scrollbarbutton[type="increment"]:hover {
            background-image: url("${ProfileDirectory}/Pfeil-runter_gold.svg") !important; */
          }
          scrollbar[orient="horizontal"] > scrollbarbutton[type="decrement"]:hover {
            background-image: url("${ProfileDirectory}/Pfeil-links_gold.svg") !important;
          }
          scrollbar[orient="horizontal"] > scrollbarbutton[type="increment"]:hover {
            background-image: url("${ProfileDirectory}/Pfeil-rechts_gold.svg") !important;
          }
          scrollbar[orient="vertical"] > scrollbarbutton {
            height: ${(custom_scrollbar_size_value*cs_arrows_on_buttons_buttons_size)}px !important;
          }
          scrollbar[orient="horizontal"] > scrollbarbutton {
            width: ${(custom_scrollbar_size_value*cs_arrows_on_buttons_buttons_size)}px !important;
          }
        `;
    
      Components.classes["@mozilla.org/content/style-sheet-service;1"]
        .getService(Components.interfaces.nsIStyleSheetService)
          .loadAndRegisterSheet(Services.io.newURI("data:text/css;charset=utf-8," + encodeURIComponent(`
            ${custom_scrollbars_code}
            ${custom_scrollbar_arrows_code}
      `), null, null),
    
      Components.classes["@mozilla.org/content/style-sheet-service;1"]
        .getService(Components.interfaces.nsIStyleSheetService).AGENT_SHEET);
    
    })()
    Alles anzeigen
  • Addon gesucht: Mail absenden ohne zu speichern = direkt löschen

    • dharkness21
    • 2. August 2025 um 17:47
    Zitat von mtemp

    hatte früher irgendwann ein Addon – oder wars Bestandtei von TB? – um eine Mail mit Strg-D abzuschicken, die daraufhin nicht im IMAP-Postfach verbleibt, sondern direkt gelöscht wird.

    Schau Dir mal die Erweiterung Copy Send to Current an, mit dieser Erweiterung kannst Du für jede Mail, die gesendet wird, einstellen, wo sie gespeichert werden soll, es gibt aber auch die Option keine Kopie zu speichern.

  • Hintergrundfarbe umstellen

    • dharkness21
    • 2. August 2025 um 17:30
    Zitat von Razerzone

    Hast Du eventuell auch noch einen CSS-Schnipsel der die neuen ungelesenen Nachrichten in einer anderen Farbe darstellt?

    Teste bitte die ↓ beiden Schnipsel und schaue welches Dir besser gefällt.

    V1:

    CSS
    #threadTree[rows="thread-card"] tr[data-properties~="new"] :where(td),
    #threadTree[rows="thread-card"] tr[data-properties~="new"] :where(td > .card-container),
    #threadTree[rows="thread-card"] tr[data-properties~="unread"][data-properties~="new"] :where(td),
    #threadTree[rows="thread-card"] tr[data-properties~="unread"][data-properties~="new"] :where(td > .card-container) {
        appearance: none !important;
        color: #F20 !important;
    }

    V2:

    CSS
    #threadTree[rows="thread-card"] tr[data-properties~="new"] :where(td),
    #threadTree[rows="thread-card"] tr[data-properties~="new"] :where(td > .card-container),
    #threadTree[rows="thread-card"] tr[data-properties~="unread"][data-properties~="new"] :where(td),
    #threadTree[rows="thread-card"] tr[data-properties~="unread"][data-properties~="new"] :where(td > .card-container) {
        appearance: none !important;
        background-color: #F20 !important;
    }
  • Hintergrundfarbe umstellen

    • dharkness21
    • 2. August 2025 um 09:10
    Zitat von Razerzone

    Sorry, war mir nicht klar. Jetzt funktioniert es!

    Aber gerne doch.

  • Ausgewählte Farben für Text werden nicht mit versandt ???

    • dharkness21
    • 1. August 2025 um 19:54
    Zitat von RomanL

    Aber Nein, ---- die Ansicht steht bei mir auf Original HTML ,
    Bei Ansicht kann man doch nur zwischen Original HTML ,vereinfachtes HTML und Teintext wählen.

    Die Einstellung für die Ansicht ist aber nicht alleine ausschlaggebend, was ist denn als Sendeformat eingestellt, guckst Du unter Extras → Einstellungen → Verfassen → Sendeformat.

  • Hintergrundfarbe umstellen

    • dharkness21
    • 1. August 2025 um 19:01
    Zitat von Razerzone

    Funktioniert, wird aber nur in der Tabellenansicht übernommen. Ich nutze die Kartenansicht und da funktioniert nur die markierte Mail.

    Menno, wieso sagst Du so etwas wichtiges nicht? Das sind grundlegende Dinge, so etwas sagt man in der Eröffnung des Themas.

    Teste bitte das CSS-Schnipsel.

    CSS
    #threadTree tr[is="thread-card"]:nth-child(1n+1),
    #threadTree tr[is="thread-card"]:nth-child(1n+1) :where(td > .card-container) {
        background-image: none !important;
        background-color: #005499 !important;
    }
    #threadTree tr[is="thread-card"]:nth-child(2n+1),
    #threadTree tr[is="thread-card"]:nth-child(2n+1) :where(td > .card-container) {
        background-image: none !important;
        background-color: #003a6c !important;
    }
  • Hilfreichste Antworten

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™