CSS Hinweis Icon und x ändern ?

Tapo

Um Rückfragen vorzubeugen, bitten wir um folgende Angaben:

Thunderbird-Version: 52.6.0 (32-Bit)
Betriebssystem + Version: Windows 7 Ultimate 64 bit

Hier können Sie Ihren Text schreiben:

Hallo,

weis jemand wie man das x auf der rechten Seite und das Icon auf der linken Seite (siehe rote Pfeile) eine andere Farbe verpassen kann ?

mein Aktueller Code sieht so aus

CSS

/* Junk */ 
notification[type="critical"]  { fill:  yellow !important;
    background:  #f5dfe3 !important;
    color: #d70022 !important;
    border-bottom: 1px solid #d70022 !important;
    }

das mit fill klappt bei mir nicht.

ChaosRacer

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:

CSS

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

Alles anzeigen

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.

ritchi3000

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

edvoldi

Teste bitte einmal:

CSS

    .animated {
    background:red!important;
    }

Gruß
EDV-Oldi

ritchi3000

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

edvoldi

Hallo richti3000,

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

Gruß
EDV-Oldi

CSS Hinweis Icon und x ändern ?

Community-Bot 3. September 2024 um 20:30

Thunderbird 138.0 veröffentlicht

Thunderbird 128.10.0 ESR veröffentlicht