CSS Hinweis Icon und x ändern ?

Tapo:

Hallo,

meines Wissens nach ist es mit CSS nicht möglich eine schwarze oder weiße Grafik "einzufärben". Alternativ habe ich einfach mal folgendes probiert:

/* Wähle existierendes Bild über ID & Class aus */
#msgNotificationBar .close-icon {
/* Binde neues Bild als Hintergrund ein */
list-style-image: url("Pfad-zu-einer-farbigen-Grafik.png") !important;
/* Setze Farbfilter für eine andere Farbe */
-webkit-filter: hue-rotate(70deg) !important;
filter: hue-rotate(70deg) !important;
}


/* Wähle existierendes Bild über Source-URL aus */
#msgNotificationBar image[src="chrome://messenger/skin/icons/junk.png"] {
/* Setze Bild-Breite auf 0px */
width:0px !important;
/* Verschiebe Bild um eigene Breite nach links um Platz für Hintergrund zu schaffen */
padding-left:16px !important;
/* Binde neues Bild als Hintergrund ein */
background-image: url("Pfad-zu-einer-farbigen-Grafik.png") !important;
/* Setze Farbfilter für eine andere Farbe */
-webkit-filter: hue-rotate(90deg) !important;
filter: hue-rotate(90deg) !important;
}

Der erste Code ersetzt das "Schliessen-Icon" in eine eigene Grafik. Vorraussetzung die Grafik ist schon von Anfang an bunt. Ist dies nicht so, dann kann der Farbfilter nicht eingesetzt werden.

Der 2.te Code ersetzt - in meinem Fall - das "Junk-Symbol. Es gelten die gleichen Voraussetzungen.

Zur Info: https://blog.kulturbanause.de/2015/03/css-filter-effekte/

Noch einfacher wäre es natürlich direkt 2 andere Grafiken in der entsprechenden Farbe einzubinden. Dann würde man die Farbfilter nicht benötigen. Der Code gehört in die userChrome.css und funktioniert in meinem Testprofil mit Thunderbird 52.9.1 ohne ersichtliche Probleme.

Hallo Tapo,

hast Du evtl. auch einen CSS Code um die Hintergrundfarbe( hier ein gelb) in der Leiste "externe Inhalte anzeigen" zu ändern.

#msgNotificationBar

{background: #ffffff ! important; }

Teste bitte einmal:

    .animated {
    background:red!important;
    }

Gruß
EDV-Oldi

Hallo EDV-Oldi,

ich kann mich erst jetzt melden

Danke für Deine Mühe es funktioniert super.

Ich hatte in einem anderen Thema gefragt ob es möglich ist mit einem Script eine kleine zusätzliche Toolbar(wie in Firefox "Verticale Toolbar") anzulegen die ich dann nach unten in die FolderPane schieben kann.

Da Du auch Scripts benutzt vielleicht weißt Du ob das möglich ist oder kennst ein Addon

Danke richti3000

Hallo richti3000,

tut mir leid, ich kenne keine Statusbar die in Thunderbird noch funktioniert.

Gruß
EDV-Oldi