Thunderbird userchrome.css anderes Forum ?

  • In die Datei "Dein Thunderbird-Profil/chrome/userChrome.css"

    CSS
    #attachmentNotificationBox > notification .messageImage {
    	background-image: url(attach.svg) !important;
    }
    
    
    notification[value="attachmentReminder"] {
    	color: white !important;
    	background-color: red !important;
    }

    Datei "Dein Thunderbird-Profil/chrome/attach.svg"

    Code
    <svg xmlns="http://www.w3.org/2000/svg"	xmlns:xlink="http://www.w3.org/1999/xlink" viewBox="0 0 18 18">
      <style>
    		path {
    			stroke: white;
    			fill: none;
    		}
    	</style>
    	<path d="m 13.5,2.5 0,10.5 -4,3.5 -4,-3.5 0,-11.5 6,0 0,10 -2,2 -2,-2 0,-8 2,0 0,6.5"/>
    </svg>

    Als Farben habe ich Weiß auf Rot gewählt.

    So, jetzt geht es nur noch darum, den Balken oben zu positionieren. Damit tue ich mich immer schwer. Meist klappt das nicht so, wie ich mir das vorstelle.

    Schöner wäre es, das SVG-Bild direkt in die userChrome.css einzubinden. Aber ich habe es eben nicht hinbekommen, dann noch die Strichfarbe (Stroke) zu beeinflussen, weil das SVG-Bild dann URL-encoded sein muss, glaub ich. Kann aber auch sein, dass das nicht stimmt. Da kenne ich mich noch nicht so gut mit aus.

    Edit: Ach ja, das SVG stammt aus:

    C:\Program Files (x86)\Mozilla Thunderbird\omni.ja\chrome\classic\skin\classic\messenger\messengercompose\compose-toolbar.svg

    Keine Ahnung, ob man mit dem Entwickler-Werkzeugkasten (unter Thunderbird-Menü/Extras/Entwickler-Werkzeuge) direkt darauf zugreifen kann. Ich habe omni.ja eben erst mal mit WinRAR entpackt.

    (Omni.ja ist ein jar-Archive. Der Dateityp heißt wohl nur nicht »jar«, damit das Archiv bei einer Windows-Systemwiederherstellung berücksichtigt wird, wenn ich das richtig gelesen und verstanden habe.)

    Notiz: https://codepen.io/noahblon/post/…ckground-images

  • Geht doch als eingebundenes SVG-Markup, u. z. ohne dass die Daten in der Data-URL URL-encodiert sein müssen.

    CSS
    #attachmentNotificationBox > notification .messageImage {
    	background-image: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" viewBox="0 0 18 18"><path d="m 13.5,2.5 0,10.5 -4,3.5 -4,-3.5 0,-11.5 6,0 0,10 -2,2 -2,-2 0,-8 2,0 0,6.5" style="stroke: white; fill: none;"/></svg>') !important;
    }
    
    
    notification[value="attachmentReminder"] {
    	color: white !important;
    	background-color: red !important;
    }