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

DarkCorri53i · September 30, 2023 at 9:30 PM

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

Bastler · September 30, 2023 at 9:40 PM

Quote from 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 · September 30, 2023 at 10:16 PM

@Bastler

Hallo Bastler,

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

Gruß

Markus

milupo · September 30, 2023 at 11:07 PM

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

Bastler · October 1, 2023 at 12:07 AM Best Answer

Quote from 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;
}

Display More

DarkCorri53i · October 1, 2023 at 12:45 AM

@Bastler

Hallo Bastler,

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

Gruß

Markus

ritchi3000 · November 2, 2023 at 8:09 PM

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 · November 2, 2023 at 8:22 PM

Quote from 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.

ritchi3000 · November 2, 2023 at 9:48 PM

Hallo Bastler,

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

Der ist auch beim Ordner Posteingang

Gruß

Bastler · November 2, 2023 at 11:26 PM

Quote from 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;
}

ritchi3000 · November 3, 2023 at 4:28 PM

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 · November 3, 2023 at 4:35 PM

Quote from ritchi3000

Das selbe Symbole ist noch im Ordner Posteingang

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

ritchi3000 · November 3, 2023 at 5:04 PM

Hallo,

wenigstens ein Code um die Farbe zu ändern

Gruß

ritchi3000 · November 3, 2023 at 5:12 PM

Hallo Bastler,

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

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

asdf3 · October 3, 2024 at 10:50 AM

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 · October 3, 2024 at 11:02 AM

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

dharkness21 · October 3, 2024 at 11:34 AM

Quote from 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.

Grisu2099 · October 3, 2024 at 11:49 AM

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

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

asdf3 · October 4, 2024 at 8:58 AM

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 · October 4, 2024 at 1:40 PM

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;
}

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

DarkCorri53i October 1, 2023 at 12:46 AM

Thunderbird 149.0.2 veröffentlicht

Thunderbird 140.9.1 ESR veröffentlicht

Similar Threads

Nachrichtenliste: Oranges Symbol links neben dem Betreff