Toggle menu
Toggle preferences menu
Toggle personal menu
Not logged in
Your IP address will be publicly visible if you make any edits.

Template:Co/doc: Difference between revisions

Template page
m | are no brackets.
Proton One (talk | contribs)
Adding design variable colors
 
Line 7: Line 7:


:; Parameters
:; Parameters
::; text color : Sets the text color. Default value is "inherit"<ref>inherit - The color used by the HTML parent element.</ref>. Colors can be given either by color name<ref>https://www.w3schools.com/colors/colors_names.asp [2022-05-29]</ref> (e.g. {{Co|red|red}} or {{Co|green|green}}) or values<ref>https://www.w3schools.com/colors/colors_hex.asp [2022-05-29]</ref> (like {{Co|#0000FF|#FF0000}}).
::; text color : Sets the text color. Default value is "inherit"<ref>inherit - The color used by the HTML parent element.</ref>. Text color is passed through {{t|design var}} to automatically interpret and replace select color names with design variables. Colors can be given either by color name<ref>https://www.w3schools.com/colors/colors_names.asp [2022-05-29]</ref> (e.g. {{Co|red|red}} or {{Co|green|green}}) or values<ref>https://www.w3schools.com/colors/colors_hex.asp [2022-05-29]</ref> (like {{Co|#FF0000|#FF0000}}).
::; background color : Sets the background color. Default value is "inherit". For valid values see text color.
::; background color : Sets the background color. Default value is "inherit". For valid values see text color.
::; text : The text to be colored.
::; text : The text to be colored.

Latest revision as of 03:25, 3 December 2025

Description
This template is used to color some text.
Syntax
{{Co|<text color>|<background color>|<text>}}
{{Co|<text color>|<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
{{co|red|This text isn't yellow.}}
gives ...
This text isn't yellow.
{{co||green|This text has a green background.}}
gives ...
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.

{{co|black|lightyellow|Text and background color.}}
gives ...
Text and background color.
{{co|#0033CC|This text uses an hex color code.}}
gives ...
This text uses an hex color code.
References
  1. ^ inherit - The color used by the HTML parent element.
  2. ^ https://www.w3schools.com/colors/colors_names.asp [2022-05-29]
  3. ^ https://www.w3schools.com/colors/colors_hex.asp [2022-05-29]