Announcement: Semantic Colors Date: Feb 9th, 2019
Demo: https://kookma.github.io/TW-Semantic-Colors/ Code: https://github.com/kookma/TW-Semantic-Colors Semantic colors This is a set of CSS to apply colorful theme to individual tiddlers for categorization purpose. One main use case is learning area. For example you can use different colors for different levels of learning like orange for beginners and blue for advanced learners. It is possible to define different categories like (basics, macros, widgets) and customize the classes for that purpose. For example all tiddlers tagged with macro uses class *Clay* and all tiddlers tagged with widget uses class *Yale*. Mechanism The mechanism used here is based on custom styles by data tags <https://tiddlywiki.com/prerelease/#Custom%20styles%20by%20data-tags>. The styles for *specified tags* defined in tiddlers tagged themselves with $:/tags/Stylesheet. Each tiddler is tagged with such those *specified tags* will get the customization. Contents This wiki contains three groups of semantic colors: 1. Border Colors <file:///G:/TW/TW-Semantic%20Colors/github/index.html#Border%20Colors> 2. Dark Colors <file:///G:/TW/TW-Semantic%20Colors/github/index.html#Dark%20Colors> 3. Light Colors <file:///G:/TW/TW-Semantic%20Colors/github/index.html#Light%20Colors> You can use any approach you like. They colorize partially the left side of tiddlers. The border colors group only apply colors to left border. Demo For demonstration, from sidebar, open *Contents* tab and click on each group you like. You can then open sample cases and see how they look like. Customization You can edit the stylesheets (see the installation below) and changes the tags name to meet your requirements. For example concepts, basics, developers, ... Installation To install each set, simply drag and drop the stylesheet tiddler into your wiki - Border colors: stylesheet/semantic/tags-borders <file:///G:/TW/TW-Semantic%20Colors/github/index.html#stylesheet%2Fsemantic%2Ftags-borders> - Dark colors: stylesheet/semantic/tags-darkcolors <file:///G:/TW/TW-Semantic%20Colors/github/index.html#stylesheet%2Fsemantic%2Ftags-darkcolors> - Light colors: stylesheet/semantic/tags-lightcolors <file:///G:/TW/TW-Semantic%20Colors/github/index.html#stylesheet%2Fsemantic%2Ftags-lightcolors> Cheers Mohammad -- 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 post to this group, send email to [email protected]. Visit this group at https://groups.google.com/group/tiddlywiki. To view this discussion on the web visit https://groups.google.com/d/msgid/tiddlywiki/185718c0-6ef8-4f8e-9362-a0253e0544db%40googlegroups.com. For more options, visit https://groups.google.com/d/optout.
