Sage offers ten theme-specific colors, which change based on the user's theme…

• black
• gray
• white
• red
• orange
• brown
• yellow
• green
• blue
• purple

Each of the above is available as a Sage tag, for controlling the text color…

[b][tt][pre] [black]black[end] [gray]gray[end] [white]white[end] [red]red[end] [orange]orange[end] [brown]brown[end] [yellow]yellow[end] [green]green[end] [blue]blue[end] [purple]purple[end] [end][end][end]

The above produces…

Generally, any of these colors is readable as a foreground color against the theme's background. However, in the light theme, white doesn't contrast very well with the background.

The [color] tag allows you to control either or both of the foreground and background colors, using the fg and bg attributes…

This text is [color fg=white bg=orange]white on orange[end][br] This text is [color fg=brown bg=black]brown on black[end][br] This text is [color fg=yellow bg=blue]yellow on blue[end][br]

The above produces…

You can omit the attributes, and specify only a foreground color…

This is [color orange]orange text[end][br] This is [color blue]blue text[end][br] This is [color purple]purple text[end][br]

The above produces…

The [color] tag also supports Web colors, which are not theme-sensitive. To use a web color, simply include a pound sign…

This is [color #orange]orange text[end][br] This is [color #blue]blue text[end][br] This is [color #purple]purple text[end][br] This is [color #salmon]salmon text[end][br] This is [color #39E]#39E text[end][br] This is [color #DF3291]#DF3291 text[end][br]

The above produces…

As the above example shows, you can use any web color, by name or numerically.