How can I change the color of external links?

[muynars...@gmail.com]

I know that for changing the color of internal tiddlers I have to do the following:

1. Create a new tiddler with any name
2. Add the tag $:/tags/Stylesheet to it
3. Create the css class .green a { color:green }; inside this tiddler
4. Call the class on the link with the syntax @@.green [[link]] @@

Doing this procedure, the word link will be an internal Tiddlywiki link and its color will be green regardless of the color defined on my themes. However ,if I use this same syntax for external links... Let's say "@@.green [[link|https://www.google.com]] @@". It doesn't work...

I've tried the following:

* @@.green [[link|https://www.google.com]] @@
* @@.green [[link]] @@

And my result was:

Am I missing some detail here? How can I change the color of external links on Tiddlywiki?

[Charlie Veniot]

G'day,

Try out the tiddlers in the attached zip file.  I hope that helps you out.

Cheers !

[muynars...@gmail.com]

Thanks, that was exactly what I needed!