Fun with color in TiddlyWiki

[David Gifford]

Hi all

I played with color today. I am happy with the results!

I wrapped a bulleted (unordered) list with a span class of winetheme, and added the following to a stylesheet tiddler:

-------

/*LINKS*/

html body.tc-body .winetheme a.tc-tiddlylink {font-family: 'Arial', sans-serif;font-size:100%;text-decoration: none;font-style: normal;font-weight: normal;color:#906;}

html body.tc-body .winetheme a.tc-tiddlylink-missing {font-family: 'Arial', sans-serif;font-size:100%;font-weight:bold; color:#777;font-weight:normal;}

html body.tc-body .winetheme a.tc-tiddlylink-external {font-family: 'Arial', sans-serif;font-size:100%;text-decoration: none;font-weight: bold;color: #906;}

html body.tc-body .winetheme a.tc-tiddlylink-visited {font-family: 'Arial', sans-serif;font-size:100%;text-decoration: none;font-weight: normal;color: #906;}

/*BULLETS*/

html body.tc-body .winetheme ul {list-style: none;} html body.tc-body .winetheme ul li::before {content: "•"; color:#906;font-size:140%; display: inline-block; vertical-align:top;margin-left: -.8em;width:.8em;}

/*MODAL ICONS - I use the open window button for indicating modals*/

html body.tc-body .winetheme .tc-image-open-window {stroke: white;fill:#906;}

-------

I did seven colors this way, three brighter (blue, green and hot pink), and four darker (indigo, wine, pine, dark gold).

See it at https://giffmex.org/wiki/familia.html#Conversaciones%20prematrimoniales

If you like it, get the Stylesheet at https://giffmex.org/wiki/familia.html#%24%3A%2F.giffmex%2F.Stylesheet%2FColorThemes

Enjoy!

[David Gifford]

Better demo tiddler for this: https://giffmex.org/gifts/documenting.tw.html#Colorthemes

[PMario]

Hi Dave,

With my next plugin: custom-markup this will be a lot simpler to implement and hopefully still fun! .. Thax for the "use-case" I'll use it as an example for my docs ;)

-mario

[David Gifford]

Cool!