More actions
categorization |
Proton One (talk | contribs) Adding design variable colors |
||
| (2 intermediate revisions by 2 users not shown) | |||
| Line 1: | Line 1: | ||
{{{{{|safesubst:}}}#if:{{{3|}}}|<span style="background-color:{{{2|inherit}}};color:{{ | <includeonly>{{{{{|safesubst:}}}#if:{{{3|}}}|<span style="background-color:{{{2|inherit}}};color:{{design var|{{{1|inherit}}}}};">{{{3|}}}</span>|<span style="color:{{design var|{{{1|inherit}}}}};">{{{2|}}}</span>}}</includeonly><noinclude> | ||
{{documentation}} | |||
< | |||
</noinclude> | </noinclude> | ||
Latest revision as of 03:32, 3 December 2025
Template documentation (for the above template, sometimes hidden or invisible)
- Description
- This template is used to color some text.
- Parameters
-
- text color
- Sets the text color. Default value is "inherit"[1]. Text color is passed through {{design var}} to automatically interpret and replace select color names with design variables. Colors can be given either by color name[2] (e.g. red or green) or values[3] (like #FF0000).
- background color
- Sets the background color. Default value is "inherit". For valid values see text color.
- text
- The text to be colored.
- Sample
gives ...{{co|red|This text isn't yellow.}} - This text isn't yellow.
gives ...{{co||green|This text has a green background.}} - This text has a green background.
 Note:
|
Note the double pipe char || which means that that section is empty. The background color parameter may be safely omitted without the use of double pipes, but double pipes must be used if only a background color is desired. |
gives ...{{co|black|lightyellow|Text and background color.}} - Text and background color.
gives ...{{co|#0033CC|This text uses an hex color code.}} - This text uses an hex color code.
- References
- ^ inherit - The color used by the HTML parent element.
- ^ https://www.w3schools.com/colors/colors_names.asp [2022-05-29]
- ^ https://www.w3schools.com/colors/colors_hex.asp [2022-05-29]