1. Startseite
  2. Nachrichten
  3. Herunterladen
    1. Thunderbird Release-Version
    2. Thunderbird 128 ESR
    3. Thunderbird 115 ESR
    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
  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

Änderung des orangenen Stern-Icons bei ungelesenen Nachrichten in der Nachrichtenliste

    • 115.*
    • Windows
  • DarkCorri53i
  • 30. September 2023 um 21:30
  • Erledigt
  • DarkCorri53i
    Mitglied
    Reaktionen
    11
    Beiträge
    147
    Mitglied seit
    19. Jul. 2023
    Hilfreiche Antworten
    2
    • 30. September 2023 um 21:30
    • #1

    Hallo Leute,

    ich wollte gerne das orangene Stern-Icon von ungelesenen Nachrichten in der Nachrichtenliste ändern und zwar in einen orangenen Punkt (Dot). Ich habe folgenden Code für die Ordneransicht ungelesene Nachrichten. Das Icon-Symbol darin ( in Content: ) möchte ich dort ( Nachrichtenliste ) verwenden. Außerdem soll der Hintergrund hellgelb und die Schrift blau bei ungelesenen Nachrichten in der Nachrichtenliste sein.

    Kann mir jemand helfen?

    CSS
    li[aria-expanded="true"] > ul > li.unread > .container > .icon::after,
    li[aria-expanded="true"] > ul > li.unread.total > .container > .icon::after,
    li[aria-expanded="true"] > ul > li.unread.total.selected > .container > .icon::after {
        content: var(--icon-unread-dot) !important;
        fill: #FFCE55 !important;
        stroke: #FFF !important;
    
    }

    Gruß

    Markus

  • Zur hilfreichsten Antwort springen
  • Bastler
    Gast
    • 30. September 2023 um 21:40
    • #2
    Zitat von DarkCorri53i

    ich wollte gerne das orangene Stern-Icon von ungelesenen Nachrichten in der Nachrichtenliste ändern und zwar in einen orangenen Punkt

    Hallo,

    zeige einmal einen Screenshot von dem, was Du genau möchtest.

    Falls der orangene Stern wie folgt gemeint ist, der hat nichts mit ungelesen / gelesen zu tun.

  • DarkCorri53i
    Mitglied
    Reaktionen
    11
    Beiträge
    147
    Mitglied seit
    19. Jul. 2023
    Hilfreiche Antworten
    2
    • 30. September 2023 um 22:16
    • #3

    @Bastler

    Hallo Bastler,

    ich meine den kleinen Stern vor der ungelesenen Nachricht. ( vor [PRV] )

    Gruß

    Markus

  • milupo
    Gast
    • 30. September 2023 um 23:07
    • #4

    Das Symbol hat den alternativen Text „Anzeige für eine neue Nachricht“. Strenggenommen hat es also nichts mit gelesen und ungelesen zu tun.

  • Bastler
    Gast
    • 1. Oktober 2023 um 00:07
    • Hilfreichste Antwort
    • #5
    Zitat von DarkCorri53i

    ich meine den kleinen Stern vor der ungelesenen Nachricht.

    Der signalisiert zwar Neue Nachricht, aber versuche dieses:

    CSS
    /* ---Symbol 'Neue Nachricht' anpassen--- */
    tr[data-properties~="new"] .subject-line img {
    appearance: none !important;
     content: var(--icon-unread-dot) !important;
     fill: #FFCE55 !important;
     stroke: #FFF !important;
    }
    
    /* ---Ungelesene in Nachrichtenliste--- */
    #threadTree tbody [data-properties~="unread"] {
        background-color: lightyellow !important;
        color: blue !important;
    }
    Alles anzeigen

    Einmal editiert, zuletzt von Bastler (1. Oktober 2023 um 00:30) aus folgendem Grund: Code erweitert

  • DarkCorri53i
    Mitglied
    Reaktionen
    11
    Beiträge
    147
    Mitglied seit
    19. Jul. 2023
    Hilfreiche Antworten
    2
    • 1. Oktober 2023 um 00:45
    • #6

    @Bastler

    Hallo Bastler,

    vielen Dank. Der Code passt supi. Genauso wollte ich es. :thumbsup:

    Gruß

    Markus

  • DarkCorri53i 1. Oktober 2023 um 00:46

    Hat einen Beitrag als hilfreichste Antwort ausgewählt.
  • ritchi3000
    Mitglied
    Beiträge
    51
    Mitglied seit
    12. Mrz. 2012
    • 2. November 2023 um 20:09
    • #7

    Hallo,

    wie würde denn der Code lauten für die Kartenansicht weil mit diesem Code von Bastler funktioniert das bei mir nur in der normalen Ansicht.

    Vielen Dank und schöne Grüße

  • Bastler
    Gast
    • 2. November 2023 um 20:22
    • #8
    Zitat von ritchi3000

    wie würde denn der Code lauten für die Kartenansicht

    Hallo,

    sollte eigentlich genau so passen. Bei mir gibt es einen orangen kleinen Ring bei neuer Nachricht.

    die Ganze Karte und die Schrift wird auch erkennbar gefärbt. Ggf. die Farben anpassen.

    Bedenke, neu / ungelesen sind 2 Paar Stiefel.

    Einmal editiert, zuletzt von Bastler (2. November 2023 um 20:59)

  • ritchi3000
    Mitglied
    Beiträge
    51
    Mitglied seit
    12. Mrz. 2012
    • 2. November 2023 um 21:48
    • #9

    Hallo Bastler,

    ich hätte gerne den kleinen Ring entfernt geht das auch.

    Der ist auch beim Ordner Posteingang

    Gruß

  • Bastler
    Gast
    • 2. November 2023 um 23:26
    • #10
    Zitat von ritchi3000

    ich hätte gerne den kleinen Ring entfernt geht das auch.

    Versuche folgenden Code

    CSS
    /* ---Symbol 'Neue Nachricht' in Nachrichtenliste Kartenansicht entfernen--- */
    tr[data-properties~="new"] .thread-card-container::after {
    content: var(--icon-new-indicator);
    display: none !important;
    }

    Einmal editiert, zuletzt von Bastler (2. November 2023 um 23:41)

  • ritchi3000
    Mitglied
    Beiträge
    51
    Mitglied seit
    12. Mrz. 2012
    • 3. November 2023 um 16:28
    • #11

    Hallo Bastler,

    super vielen Dank das Symbole in der Nachricht ist weg.

    Das selbe Symbole ist noch im Ordner Posteingang hast Du dafür auch noch einen Code habe selber mal probiert hinten mit .container::after

    geht aber nicht

    schon mal vielen Dank für Deine Mühe

    Gruß ritchi3000

  • Bastler
    Gast
    • 3. November 2023 um 16:35
    • #12
    Zitat von ritchi3000

    Das selbe Symbole ist noch im Ordner Posteingang

    Warum willst Du auf diese minimale Kennung verzichten? (Neugier und Unverständnis)

  • ritchi3000
    Mitglied
    Beiträge
    51
    Mitglied seit
    12. Mrz. 2012
    • 3. November 2023 um 17:04
    • #13

    Hallo,

    wenigstens ein Code um die Farbe zu ändern

    Gruß

  • ritchi3000
    Mitglied
    Beiträge
    51
    Mitglied seit
    12. Mrz. 2012
    • 3. November 2023 um 17:12
    • #14

    Hallo Bastler,

    ich habe es gefunden und kann jetzt ausblenden oder Farbe ändern

    viele Grüße und Dank für Deine Mühe

  • asdf3
    Mitglied
    Beiträge
    9
    Mitglied seit
    3. Okt. 2024
    • 3. Oktober 2024 um 10:50
    • #15

    Hallo

    habe gerade den Code für /* ---Symbol 'Neue Nachricht' anpassen--- */ eingebaut.

    Funktioniert an sich, zeigt aber meistens ein Symbol für "Grafik nicht gefunden". Leider nicht ganz nachvollziehbar wann, in manchen Fällen kommt die Nachricht auch neu rein und das Kästchen ist nicht zu sehen.

    Danke

  • Grisu2099
    Senior-Mitglied
    Reaktionen
    347
    Beiträge
    485
    Mitglied seit
    8. Okt. 2023
    Hilfreiche Antworten
    5
    • 3. Oktober 2024 um 11:02
    • #16

    Stelle mal bitte deine komplette userChrome.css in einem Code-Block (10. Button von links oben im Editor) hier ein.

  • dharkness21
    Senior-Mitglied
    Reaktionen
    453
    Beiträge
    1.841
    Mitglied seit
    29. Jun. 2005
    Hilfreiche Antworten
    53
    • 3. Oktober 2024 um 11:34
    • #17
    Zitat von Grisu2099

    Stelle mal bitte deine komplette userChrome.css in einem Code-Block (10. Button von links oben im Editor) hier ein.

    Funktioniert das bei Dir noch mit --icon-unread-dot?

    Hier zeigt das nämlich keine Wirkung, aber das --icon-new-indicator funktioniert Problemlos.

    und wech

    Dharkness

  • Grisu2099
    Senior-Mitglied
    Reaktionen
    347
    Beiträge
    485
    Mitglied seit
    8. Okt. 2023
    Hilfreiche Antworten
    5
    • 3. Oktober 2024 um 11:49
    • #18

    Ich hatte mir den alten Code oben eben nicht noch mal angeschaut... :saint:

    Außerdem ist es bei solchen Problemen nie verkehrt, wenn man den kompletten CSS-Code sieht. ;)

  • asdf3
    Mitglied
    Beiträge
    9
    Mitglied seit
    3. Okt. 2024
    • 4. Oktober 2024 um 08:58
    • #19
    CSS
    /* ---Symbol 'Neue Nachricht' anpassen--- */
    tr[data-properties~="new"] .subject-line img {
    appearance: none !important;
     content: var(--icon-unread-dot) !important;
     fill: #FFCE55 !important;
     stroke: #FFF !important;
    }

    Hier bitte und danke.

    (ja, das ist mein komplettes userchrome.css)

  • Grisu2099
    Senior-Mitglied
    Reaktionen
    347
    Beiträge
    485
    Mitglied seit
    8. Okt. 2023
    Hilfreiche Antworten
    5
    • 4. Oktober 2024 um 13:40
    • #20

    Teste mal diese Variante:

    CSS
    tr[data-properties~="new"] .subject-line img {
      visibility: initial;
      content: var(--icon-sparkle-star-xs);
      fill: #FFCE55 !important;
      stroke: #FFF !important;
    }

Aktuelle Programmversion

  • Thunderbird 138.0.1 veröffentlicht

    Thunder 13. Mai 2025 um 23:25

Aktuelle ESR-Version

  • Thunderbird 128.10.0 ESR veröffentlicht

    Thunder 29. April 2025 um 23:24

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

Ähnliche Themen

  • Nachrichtenliste: Oranges Symbol links neben dem Betreff

    • Saerdna
    • 29. Juli 2023 um 18:30
    • Allgemeines Arbeiten / Konten einrichten / Installation & Update
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™