Trying to change colours

15 views
Skip to first unread message

iain

unread,
Nov 23, 2009, 2:31:04 AM11/23/09
to TiddlyWiki
I am trying to change the colour scheme of NoteStorm into one that is
more pleasing to me.

I have found Eric's PaletteMaker: http://tiddlytools.com/#PaletteMaker
which I think will allow me to change the colour palette.

But I am not sure

1) How to make it work (you load it as a plug in then what?)

2) which of the various styles is associated with what in NoteStorm.
For example what does SecondnaryMid control. Is there a bluffers guide
to this?

yours


Iain

Måns

unread,
Nov 23, 2009, 4:24:46 AM11/23/09
to TiddlyWiki
Hi Iain

In the StyleSheet tiddler you can see the choosen colors for different
elements in your TW. Not all colors are taken from the colorpalette.
(http://giffmex.org/NoteStorm.html#ColorPalette) You have to change
those directly in the StyleSheet. http://giffmex.org/NoteStorm.html#StyleSheet.

NoteStorm is using a colorpalettepicker (SelectPaletteMacro) which
lets you switch colorpalette by overwriting the default colorpalette
with alternative colorpalettes tagged with palette.

If you make changes to the colorpalette with Erics PaletteMaker, you
can simply save it with a new title (MyColorPalette) and tag it with
palette, thereby making it avaible in the colorselect panel.
<<selectPalette>>

Regards Måns Mårtensson

Måns

unread,
Nov 23, 2009, 8:36:03 AM11/23/09
to TiddlyWiki
http://giffmex.org/NoteStorm.html#SelectPaletteMacro

On 23 Nov., 10:24, Måns <humam...@gmail.com> wrote:
> Hi Iain
>
> In the StyleSheet tiddler you can see the choosen colors for different
> elements in your TW. Not all colors are taken from the colorpalette.
> (http://giffmex.org/NoteStorm.html#ColorPalette) You have to change
> those  directly in the StyleSheet.http://giffmex.org/NoteStorm.html#StyleSheet.

Dave Gifford - http://www.giffmex.org/

unread,
Nov 23, 2009, 1:57:37 PM11/23/09
to TiddlyWiki
Please e-mail me with any alternate color palettes you create for for
NoteStorm, and if I like them I will add them to the official version.

Dave Gifford

Måns

unread,
Nov 23, 2009, 4:46:21 PM11/23/09
to TiddlyWiki
Hi Iain

I didn't answer your questions correctly the first time - I'll try
once more:
> 1) How to make it work (you load it as a plug in then what?)
Eric's PaletteMaker is a transclusion and should *not* be tagged with
'systemConfig'.
You can add the Palettemaker to the Default Colorpalette *but* it wil
be overwritten when you use <<selectPalette>> - which will overwrite
ColorPalette with a new one.
Therefore I'd recommend to make your own "DefaultPalette", based on
whatever palette you like best - and write sth like this (tag it
"palette" to be able to revert to it whenever you like):
Link to Erics ColorPalette: http://www.tiddlytools.com/#ColorPalette :
"{{floatleft small borderright{
Sunshine: #ff0
Grass: #360
Sky: LightBlue
Dirt: #633
Apple: #C00
Banana: #FF0
Lime: #3C6
Orange: #F93
Peach: #F99
Pear: #CF6
Raspberry: #606
Background: #fff
Foreground: #000
PrimaryPale: #9cf
PrimaryLight: #09f
PrimaryMid: #03c
PrimaryDark: #003
SecondaryPale: #ffc
SecondaryLight: #fc9
SecondaryMid: #cc6
SecondaryDark: #630
TertiaryPale: #eee
TertiaryLight: #ccc
TertiaryMid: #999
TertiaryDark: #666
Error: #C33
}}}PaletteMaker:<hr><<tiddler PaletteMaker>>{{clear block{}}}"

> 2) which of the various styles is associated with what in NoteStorm.
> For example what does SecondnaryMid control. Is there a bluffers guide
> to this?

The real "NoBluffersGuide" is the Shadowed tiddler called
StyleSheetColors http://giffmex.org/NoteStorm.html#StyleSheetColors
You'll find it in the sidebarTabs under Shadowed..
The changes Dave Gifford has made to the StyleSheet tiddler (also a
Shadow tiddler) which uses the ColorPalette are:
/*TIDDLER TITLE COLOR MATCH BOTTOM OF HEADER*/
.title {color:[[ColorPalette::PrimaryMid]];}
/*TABS - see also stylesheettiddlersbar*/
.tabSelected{color:[[ColorPalette::PrimaryDark]];
background:[[ColorPalette::TertiaryPale]];
border-left:1px solid [[ColorPalette::TertiaryLight]];
border-top:1px solid [[ColorPalette::TertiaryLight]];
border-right:1px solid [[ColorPalette::TertiaryLight]];
}
.tabUnselected {color:[[ColorPalette::Background]]; background:
[[ColorPalette::TertiaryMid]];}
.tabContents {background:white; border:1px solid
[[ColorPalette::TertiaryLight]];}
.tabContents .button {border:0;}

I hope this helps

Regards Måns Mårtensson
Reply all
Reply to author
Forward
0 new messages