Template:ColoredText
{{{2}}}
Template documentation
|
---|
View or edit this documentation. (About template documentation)
Portions of the template sample may not be visible without values provided. |
Colors
Red text using one of the predefined colors: red
{{ColoredText|red|hello world, I'm red}}
This text hello world, I'm red has custom color.
Gold text using hex code for gold: #ffd700
{{ColoredText|#ffd700|GOLD GOLD GOLD}}
This text GOLD GOLD GOLD has custom color.
Orange text using HSL: hsl(24, 100%, 50%)
{{ColoredText|hsl(24, 100%, 50%)|orange energy}}
This text orange energy has custom color.
CosmoGreen text using one of the CSS variables: --color-cosmoGreen
{{ColoredText|--color-cosmoGreen|space green}}
This text space green has custom color.
Modifiers
Disabling inline text
{{ColoredText|inline=0|--color-cosmoGreen|space green}}
This text
space green
is not inline.
Other
Multiline text (inline)
<br>
, {{br}}
will not work.This text {{ColoredText|--color-cosmoGreen|space green<br>
moreeee greeen<br>
green}} is multiline inline text.
This text space green
moreeee greeen
green is multiline inline text.
Multiline text (NOT inline)
This text {{ColoredText|space green{{br}}
moreeee greeen<br>
green|--color-cosmoGreen|inline=0}} is multiline text NOT in inline mode.
This text
space green
moreeee greeen
green
is multiline text NOT in inline mode.
An easy way to give your text a color.
Parameter | Description | Type | Status | |
---|---|---|---|---|
Color | 1 | A CSS-compatible color, like red, #123456, rgb(1, 2, 3) or even an existing CSS variable, e.g. --color-cosmoGreen. See more on what's supported: https://developer.mozilla.org/en-US/docs/Web/CSS/color
| String | required |
Text | 2 | A text to add a color to. | Content | required |
Inline | inline | Whether to generate inline text. Enabled by default. Set to any value besides 1 to disable.
| Boolean | suggested |
- Design Templates