> when you hover the tiddler, there is a css definition that darkens the
> text on the toolbar and the tags box. years ago i changed that, and
> now i can't find it!
>
> would someone please say which definition it is?
When you mouseover/mouseout a tiddler, the TW core automatically adds
the CSS class, "selected", to the tiddler. A quick text search in
[[StyleSheetColors]] (a shadow tiddler) finds the following default
toolbar-related CSS rules:
-----
.toolbar {color:[[ColorPalette::PrimaryMid]];}
.toolbar a {color:[[ColorPalette::TertiaryLight]];}
.selected .toolbar a {color:[[ColorPalette::TertiaryMid]];}
.selected .toolbar a:hover {color:[[ColorPalette::Foreground]];}
.tagging, .tagged {border:1px solid [[ColorPalette::TertiaryPale]];
background-color:[[ColorPalette::TertiaryPale]];}
.selected .tagging, .selected .tagged {background-color:
[[ColorPalette::TertiaryLight]]; border:1px solid
[[ColorPalette::TertiaryMid]];}
.tagging .listTitle, .tagged .listTitle {color:
[[ColorPalette::PrimaryDark]];}
.tagging .button, .tagged .button {border:none;}
-----
Note the careful use of specificity here:
.toolbar a
is applied when not hovering over the tiddler
.selected .toolbar a
is applied when you *are* hovering over the tiddler
.selected .toolbar a:hover
is applied when you are hovering over the toolbar command itself
Copy/paste these rules into your custom [[StyleSheet]] and then start
changing the colors to suit your tastes. In addition, if you would
like the toolbar to only appear when actually over the tiddler (to
reduce visual clutter), you could add these rules to your
[[StyleSheet]]:
.toolbar { visibility:hidden; }
.selected .toolbar { visibility:visible; }
enjoy,
-e
Eric Shulman
TiddlyTools / ELS Design Studios
--~--~---------~--~----~------------~-------~--~----~
You received this message because you are subscribed to the Google Groups
"TiddlyWiki" group.
To post to this group, send email to [email protected]
To unsubscribe from this group, send email to [EMAIL PROTECTED]
For more options, visit this group at
http://groups.google.com/group/TiddlyWiki?hl=en
-~----------~----~----~----~------~----~------~--~---
