Hi jb,
You can use the developer tools of your browser (Firefox, Chrome: F12) to
see what CSS has been used.
PMario made a very instructive video 'How to tweak a TW5 theme' that shows
how to use the developer tools [1]
In all my guides [2] I use a Bluish theme. $:/themes/tongerner/bluish is
not that readable, but when the Bluish theme is active, there will be a
shadow tiddler $:/themes/tongerner/bluish.tid which is more readable.
It contains the following CSS for the Page control buttons and the tiddler
buttons:
/* PAGE CONTROL BUTTONS */
.tw-page-controls svg {
fill: #CCE6FF;
}
.tw-page-controls button:hover svg, .tw-page-controls a:hover svg {
fill: #04B;
}
/* TIDDLER CONTROL BUTTONS */
html .tw-tiddler-controls svg {
fill: #CCE6FF;
}
.tw-tiddler-controls button.btn-invisible:hover svg {
fill: #04B;
}
In case you want to color a specific button, say a 'Close all' button added
to the Page control buttons, you have to add a special class to that
button. E.g. You can add a class "tw-close-all" to the 'Close all' button:
<span title="Close all tiddlers"><$button message="tw-close-all-tiddlers"
class="tw-close-all btn-invisible">{{$:/_images/close-all-button}}</$button>
</span>
For a green Close all' button you add the following to your stylesheet:
.tw-close-all svg {
fill: green;
}
Cheers,
Ton
[1] https://www.youtube.com/watch?v=Jva7Azqu0hs&feature=youtu.be
[2] http://tongerner.tiddlyspot.com/
On Friday, May 23, 2014 9:29:48 PM UTC+2, jb wrote:
>
> I've looked but cannot figure out how to change the color on Ton Gerner's
> close-all button icon.
> Can someone point me to instructions that will tell me how to make the
> icon red?
>
> I was fair at reverse engineering things in TWC but I have to say I just
> don't understand much of how things are working in TW5.
> Are there any tutorials that take a step by step (building blocks)
> approach to explaining how TW5 is put together / works?
>
> This is a great program with a terrific author and support group but I am
> feeling more and more left in the dust.
>
> JBell
>
--
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 post to this group, send email to [email protected].
Visit this group at http://groups.google.com/group/tiddlywiki.
For more options, visit https://groups.google.com/d/optout.
