Hi TW Tones, Like Bimlas, I've also applied this custom styling in my personal wiki through title links.
In my case, specifically in the Timeline Macro, or any list that will call up <<timeline-title>>, I've personalized title links to show up like this. Excuse the draft-y, unorganized picture (my personal wiki is disorganizedly organized) I've set my <<timeline-title>> to do all sorts of detection to automatically add icons, buttons, text, or just a style to a tiddler link. In the above picture, here are detections, and icons/buttons/styles added: - system tiddlers have a style, and are prefixed with a <<tree>> macro in a dropdown localized to that specific tiddler - type:text tiddlers are styled in monospace - tiddlers tagged *tiddlywiki* show the tagpill beside them - tagged:ToDo tiddlers are prefixed with a button that will set/unset tag:ToDo-Done, - tagged:ToDo-Done tiddlers are line-through'ed, - external-link tiddlers (tiddlers with a field:*URL*) are prefixed with a button *[[*]]* that will open a new tab pointing to field:*URL* ...and so on. Sorry if the above is a bit out of the topic, I just wanted to give a personal insight... through the building of these quite customized detectors, I've found the easiest way was for me to be able to add styles on the fly. If you think this is relevant, I can extract a bit of my wiki to give to you as a demo of the system I built. -jd On Saturday, August 29, 2020 at 1:42:04 PM UTC+9, TW Tones wrote: > > 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/935ee221-4299-4f2e-a06e-8d7f6e3c349do%40googlegroups.com.
