Folks, I still don't seem to have a simple and robust way to apply a color to an existing core svg icon.
In a recent case the fill style applied to an icon is correct, in the tiddler in which it is contained, but not in the View and Edit toolbars eg with $:/tags/ViewToolbar. I presume that the color there is reset by the toolbar classes? My current use case is a button with a load of features which I want 4 different colors according to a status. It seems crazy to define 4 classes, or clone the button image 4 times and edit them. Something in the way we color svg's is somewhat fragile and I wonder if there is a fix or a nice piece of documentation that could help? Tones On Monday, 16 November 2020 at 12:04:12 UTC+11 TW Tones wrote: > Folks, > > For some reason I always forget how to add color to an icon used in a > button? It is just not intuitive! > > - I do not want to modify the SVG icon > - I understand you can use CSS to provide the fill parameter. > - I want to color an icon inside a the $button widget. In this case > inline rather than block > > Question > > - Can anyone share one or more methods by which to achieve this? > > I will share back a macro to display the current tiddlers icon in the icon > field with the color in the color field. > > Thanks in advance > Tones > -- You received this message because you are subscribed to the Google Groups "TiddlyWiki" group. To unsubscribe from this group and stop receiving emails from it, send an email to [email protected]. To view this discussion on the web visit https://groups.google.com/d/msgid/tiddlywiki/14691306-4143-40e4-90ae-62839b308801n%40googlegroups.com.
