mirrors/TiddlyWiki5
1
0
Fork 0
mirror of https://github.com/Jermolene/TiddlyWiki5 synced 2024-12-24 17:10:29 +00:00
Code Issues Releases Wiki Activity

Add palette editor

Browse Source
This commit is contained in:
Jermolene 2014-02-20 10:00:38 +00:00
parent 5417b8c4d7
commit bcd86d5861
6 changed files with 82 additions and 20 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

9
core/ui/ControlPanel/Appearance/Palette.tid
View File

@ -3,3 +3,12 @@ tags: $:/tags/ControlPanel/Appearance
caption: {{$:/language/ControlPanel/Appearance/Palette/Caption}}
{{$:/snippets/paletteswitcher}}
<$reveal type="nomatch" state="$:/state/ShowPaletteEditor" text="yes">
<$button set="$:/state/ShowPaletteEditor" setTo="yes">show editor</$button>
</$reveal>
<$reveal type="match" state="$:/state/ShowPaletteEditor" text="yes">
<$button set="$:/state/ShowPaletteEditor" setTo="no">hide editor</$button>
{{$:/snippets/paletteeditor}}
</$reveal>

19
core/wiki/currpalettepreview.tid Normal file
View File

@ -0,0 +1,19 @@
title: $:/snippets/currpalettepreview
\define swatchStyle()
background-color: $(swatchColour)$;
\end
\define swatch(colour)
<$set name="swatchColour" value={{##$colour$}}>
<div class="tw-swatch" style=<<swatchStyle>>/>
</$set>
\end
<div class="tw-swatches-horiz">
<<swatch foreground>>
<<swatch background>>
<<swatch muted-foreground>>
<<swatch primary>>
<<swatch page-background>>
<<swatch tab-background>>
<<swatch tiddler-info-background>>
</div>

25
core/wiki/paletteeditor.tid Normal file
View File

@ -0,0 +1,25 @@
title: $:/snippets/paletteeditor
<$set name="currentTiddler" value={{$:/palette}}>
Editing <$link to={{$:/palette}}><$macrocall $name="currentTiddler" $output="text/plain"/></$link>
<$list filter="[is[current]is[shadow]is[tiddler]]" variable="listItem">
This shadow palette has been modified
<$button message="tw-delete-tiddler" param={{$:/palette}}>reset</$button>
</$list>
<$list filter="[is[current]is[shadow]!is[tiddler]]" variable="listItem">
It is recommended that you clone this shadow palette before editing it
</$list>
<$button message="tw-new-tiddler" param={{$:/palette}}>clone</$button>
<table><tbody><$list filter="[is[current]indexes[]]" variable="colourName"><tr><td><$macrocall $name="colourName" $output="text/plain"/></td>
<td><$edit-text index=<<colourName>> tag="input"/></td>
<td><$edit-text index=<<colourName>> type="color" tag="input"/></td>
</tr>
</$list>
</tbody>
</table>
</$set>

17
core/wiki/palettepreview.tid
View File

@ -1,20 +1,5 @@
title: $:/snippets/palettepreview
\define swatchStyle()
background-color: $(swatchColour)$;
\end
\define swatch(colour)
<$set name="currentTiddler" value={{$:/palette}}>
<$set name="swatchColour" value={{##$colour$}}>
<div class="tw-swatch" style=<<swatchStyle>>/>
<$transclude tiddler="$:/snippets/currpalettepreview"/>
</$set>
</$set>
\end
<div class="tw-swatches-horiz">
<<swatch foreground>>
<<swatch background>>
<<swatch muted-foreground>>
<<swatch primary>>
<<swatch page-background>>
</div>

5
core/wiki/paletteswitcher.tid
View File

@ -3,9 +3,8 @@ title: $:/snippets/paletteswitcher
\define lingo-base() $:/language/ControlPanel/Appearance/Palette/
<<lingo Prompt>> <$view tiddler={{$:/palette}} field="name"/>
{{$:/snippets/palettepreview}}
<$linkcatcher to="$:/palette">
<$list filter="[is[shadow]tag[$:/tags/Palette]] [!is[shadow]tag[$:/tags/Palette]] +[sort[description]]"><div><$reveal state="$:/palette" type="match" text={{!!title}}>&bull;</$reveal><$reveal state="$:/palette" type="nomatch" text={{!!title}}>&nbsp;</$reveal> <$link to={{!!title}}>''<$view field="name" format="text"/>'' - <$view field="description" format="text"/></$link></div>
<div class="tw-chooser"><$list filter="[is[shadow]tag[$:/tags/Palette]] [!is[shadow]tag[$:/tags/Palette]] +[sort[description]]"><div class="tw-chooser-item"><$link to={{!!title}}><div><$reveal state="$:/palette" type="match" text={{!!title}}>&bull;</$reveal><$reveal state="$:/palette" type="nomatch" text={{!!title}}>&nbsp;</$reveal> ''<$view field="name" format="text"/>'' - <$view field="description" format="text"/></div><$transclude tiddler="$:/snippets/currpalettepreview"/></$link></div>
</$list>
</div>
</$linkcatcher>

27
themes/tiddlywiki/vanilla/base.tid
View File

@ -994,12 +994,37 @@ canvas.tw-edit-bitmapeditor {
margin: 0px 0px 12px 12px;
}
/*
** Chooser
*/
.tw-chooser {
border: 1px solid <<colour table-border>>;
}
.tw-chooser-item {
border: 8px;
}
.tw-chooser-item a.tw-tiddlylink {
display: block;
text-decotoration: none;
color: <<colour tiddler-link-foreground>>;
background-color: <<colour tiddler-link-background>>;
margin: 4px;
}
.tw-chooser-item a.tw-tiddlylink:hover {
text-decoration: none;
color: <<colour tiddler-link-background>>;
background-color: <<colour tiddler-link-foreground>>;
}
/*
** Palette swatches
*/
.tw-swatches-horiz {
}
.tw-swatches-horiz .tw-swatch {