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 tiddlywiki+unsubscr...@googlegroups.com. To view this discussion on the web visit https://groups.google.com/d/msgid/tiddlywiki/d2ae6e20-45fd-4a6a-bbcd-731e3d3f4c2do%40googlegroups.com.