> I am new at the WIKI, I understand the basic formatting, but I am
> trying to understand the style, formatting and colorpalette, and I am
> having difficulty getting the color palette added or set up. Can you
> please help?
The ColorPalette tiddler is a built-in default ("shadow tiddler").
It contains a set of "slices" that define name/value pairs, like this:
Background: #fff
Foreground: #000
PrimaryPale: #8cf
PrimaryLight: #18f
PrimaryMid: #04b
PrimaryDark: #014
SecondaryPale: #ffc
SecondaryLight: #fe8
SecondaryMid: #db4
SecondaryDark: #841
TertiaryPale: #eee
TertiaryLight: #ccc
TertiaryMid: #999
TertiaryDark: #666
Error: #f88
These 'color names' are then used in the built-in default CSS rules
contained in StyleSheetColors, like this:
body {
background:[[ColorPalette::Background]];
color:[[ColorPalette::Foreground]];
}
The "[[TiddlerName::slicename]]" syntax is automatically replaced by
the value of the referenced slice before the CSS is passed to the
browser for processing. Thus, the above rule, as applied, is:
body {background:#fff; color:#000;}
You can customize the content of the default ColorPalette to suit your
preferences. Simply edit the tiddler (accessible via the
"more>shadowed" tab in the sidebar), and type in new slice definitions
or change the values of existing ones. Then, after pressing "done", a
*real* ColorPalette tiddler will be created, superseding the default
shadow content.
Of course, hand-editing the #RGB values in the ColorPalette tiddler
isn't very convenient... and that's where PaletteMaker comes in...
Just import a copy of the PaletteMaker tiddler from:
http://www.TiddlyTools.com/#PaletteMaker
then, you can use the live 'color grid' shown in the PaletteMaker
Examples to change/add values to the ColorPalette without ever needing
to hand-edit that tiddler.
You can also import my TiddlyTools-customized ColorPalette:
http://www.TiddlyTools.com/#ColorPalette
which includes an embedded color grid along side the actual color
palette slice definitions. Note: the layout for this tiddler uses
some CSS wrappers to apply formatting 'shortcuts' (such as 'floatleft'
and 'borderright'), which you can import from:
http://www.TiddlyTools.com/#StyleSheetShortcuts
Once imported, you will need to add:
[[StyleSheetShortcuts]]
to the bottom of your custom StyleSheet, so that the extra shortcut
definitions will be automatically included in the CSS passed to the
browser.
So... import the above three tiddlers, and add the one line to
StyleSheet, and you should be all set.
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 tiddlywiki@googlegroups.com
To unsubscribe from this group, send email to
tiddlywiki+unsubscr...@googlegroups.com
For more options, visit this group at
http://groups.google.com/group/tiddlywiki?hl=en
-~----------~----~----~----~------~----~------~--~---
