Folks,
I have being playing with CSS and its integration into TiddlyWiki and
realise there is more than enough opportunity especially with the new Custom
styles by data tags
<https://tiddlywiki.com/#Custom%20styles%20by%20data-tags> etc... to
realise a smart, subtle and intuitive interface.
This is not an idea for a theme, nor even just CSS but taking a range
tiddlywiki tiddler and page elements, that change and provide a subtle
variation particularly with colour, pale backgrounds, boarder style,
thickness and shadows.
Examples may be
- A pail green background when a tiddler is in draft mode,
- A Dark a green border if the tiddler begins with "New Tiddler"
- A yellow boarder if the tiddler is an Orphan
- A Pale grey background if the tiddler an unedited shadow
- and many more
The idea is to take common facts about tiddlers or the wiki as a whole and
use these to leave subtle messages to the user
- We need not know the exact detail of such indicators, because if you
use a consistent set they will become evident over time.
- This would be supported further, if we *produce a de facto standard
and shared it widely *(or added to the standard distribution)
- They should be designed for light and dark themes and not influence
the overall theme too much.
- Scanning down the story list it will be quick and easy to locate
tiddlers based on these subtle colors
- When viewing or editing a tiddler various things will be evident that
may not normally be visible, like this tiddler is also a tag.
- Using color and other elements, even just coloured shadows will not
impact the layout in anyway.
- Perhaps something similar could be added to the standard list item so
links suggest the tiddlers content as well.
- All this could be toggled on and off with a click.
So I started this topic for *feedback and inspiration from the community*,
if you have any ideas such as the following please comment.
- Identify elements we can style in both view and edit mode
- Suggested meaning for things like dotted boarders
- Or meaning full associations with colors eg; red warning, green new,
etc...
- What are the ways to identify these different attributes? eg no
tags/tags {{{ [{!!tags}is[blank]then[notags]] }}} {{{
[{!!tags}!is[blank]then[hastags]] }}}
- Indicating an over all wikimode?
To support this effort I have also built a library of more than 800 named
colours, so a spectrum of colours can be used eg "Bigger tiddlers darker
boarder" etc...
Regards
TW Tones
--
You received this message because you are subscribed to the Google Groups
"TiddlyWiki" group.
To unsubscribe from this group and stop receiving emails from it, send an email
to [email protected].
To view this discussion on the web visit
https://groups.google.com/d/msgid/tiddlywiki/d2ae6e20-45fd-4a6a-bbcd-731e3d3f4c2do%40googlegroups.com.
