mirror of
https://github.com/Jermolene/TiddlyWiki5
synced 2024-12-11 10:40:29 +00:00
37 lines
1.7 KiB
Plaintext
37 lines
1.7 KiB
Plaintext
|
created: 20211206114114698
|
||
|
modified: 20211206165150302
|
||
|
tags: Learning Cascades [[Customise TiddlyWiki]]
|
||
|
title: How to create a custom tiddler colour rule
|
||
|
type: text/vnd.tiddlywiki
|
||
|
|
||
|
Here we show how to add a rule to the [[Tiddler Colour Cascade]] that causes tiddlers with the tag <<tag "TableOfContents">> to be given a bright blue colour and tiddlers with the tag <<tag "Working with TiddlyWiki">> to be given a dark purple colour.
|
||
|
|
||
|
<<.tip "[[How to create a custom tiddler icon rule]] describes how the same tiddlers have been given a custom icon">>
|
||
|
|
||
|
First, we add a new step to the tiddler colour cascade. The new filter step is:
|
||
|
|
||
|
```
|
||
|
[tag[TableOfContents]then[#1e90ff]]
|
||
|
[tag[Working with TiddlyWiki]then[darkorchid]]
|
||
|
```
|
||
|
|
||
|
It can be read as:
|
||
|
|
||
|
```
|
||
|
If the tiddler has the tag "TableOfContents" then return the colour #1e90ff
|
||
|
Else if the tiddler has the tag "Working with TiddlyWiki" then return the colour darkorchid
|
||
|
```
|
||
|
|
||
|
The tiddler colour cascade is defined by the tag <<tag "$:/tags/TiddlerColourFilter">>, so we need to create a configuration tiddler with that tag.
|
||
|
|
||
|
We also need to make sure that it is inserted at the correct point in the cascade:
|
||
|
|
||
|
* The new rule must be after the "colour-field" rule to ensure that tiddlers with an explicit ''color'' field will respect the value of that field
|
||
|
* The new rule must be before the "default" icon otherwise it will never be seen if the default colour is specified
|
||
|
|
||
|
The control panel "Cascades" tab shows that this can be achieved by inserting the new step immediately before the default step using the `list-before` field.
|
||
|
|
||
|
The full list of fields in the configuration tiddler is:
|
||
|
|
||
|
<<.tiddler-fields "$:/_tw5.com/CustomTiddlerColourCascadeDemo">>
|