Nice! Added to Toolmap in the "Layout/UI - Tiddler modifications" category


On Saturday, February 9, 2019 at 1:31:09 PM UTC-6, Mohammad wrote:
>
> 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 
>    2. Dark Colors 
>    3. Light Colors 
>
> 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
>    - Dark colors: stylesheet/semantic/tags-darkcolors
>    - Light colors: stylesheet/semantic/tags-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 tiddlywiki+unsubscr...@googlegroups.com.
To post to this group, send email to tiddlywiki@googlegroups.com.
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/5f3b98af-7259-48f9-8cf0-fe271e59bd6f%40googlegroups.com.
For more options, visit https://groups.google.com/d/optout.

Reply via email to