Template:Shade

0

Template documentation[view] [edit] [history] [purge]

Options specific to this template (with defaults) are:

• color=red (red, orange, gold, green, blue, violet, grey)
• inv= (1, true, y, yes; to invert the shade scale)
• max=100 (shade percentage is proportional to the given number relative to the maximum)
• valign=middle (top, middle, bottom)
• pre= (any text to be placed in front of the number, use {{sp}} to add a space to the end)
• suff= (any text to be placed in after the number, use {{sp}} to add a space to the beginning)

The predefined colors were chosen to have approximately the same luminance and chroma:

Predefined colors

Color	CIELChuv
	L	C	h
red	77.582	58.592	12.174°
orange	79.423	72.209	44.628°
gold	86.685	72.441	69.038°
green	86.669	72.481	127.724°
blue	79.043	63.648	232.223°
violet	79.267	72.480	307.724°
grey	79.519	0.000	—

The templates in this series are designed to be used in a table to make a cell with text in that cell, with an appropriately colored background. They are commonly used in comparison tables. Most of these templates should not be used simply to produce a background color, use them according to their meaning.

For example, {{yes}} makes a cell with a green background. The text in the cell is taken from the first parameter; {{yes|Sure}} would output "Sure" otherwise it defaults to "Yes". Most templates allow authors to override the default text in this way, some require text put after the template call and some also need a vertical bar in between: {{table cell template}} text or {{table cell template}} | text. This information, the colors and default texts are found in the table below.

If you want to use other attributes for the table cells, e.g. colspan, rowspan, or style, they need to be put before the template call, and there must be no vertical bar (aka pipe) | in-between them:

Yes	No	—
Yes/No

...
!{{Yes}} ||{{No}} ||rowspan=2 {{n/a}}
|-
|colspan=2 style="border:solid 3px Maroon" {{Yes-No}}
...

Templates

Table cell templates

Class	Default		Customized
	Syntax	Preview	Syntax	Preview
table-rh	{{rh}} | Row header	Row header	{{rh|align=right}} | Row header	Row header
	{{rh2}} | Row header	Row header	{{rh2|align=center}} | Row header	Row header
table-yes	{{yes}}	Yes	{{yes|customized [[Main_Page|text]]}}	customized text
table-maybe	{{maybe}}	Maybe	{{maybe|customized [[Main_Page|text]]}}	customized text
table-no	{{no}}	No	{{no|customized [[Main_Page|text]]}}	customized text
table-active	{{active}}	Active	{{active|live}}	live
	{{coming soon}}	Coming soon	{{coming soon|second half of the year}}	second half of the year
table-success	{{success}}	Success	{{success|mission complete}}	mission complete
	{{operational}}	Operational	{{operational|returning data}}	returning data
table-failure	{{failure}}	Failure	{{failure|wrong orbit}}	wrong orbit
table-partial	{{partial}}	Partial	{{partial|almost done}}	almost done
	{{MaybeCheck}}		{{MaybeCheck|text=possibly}}	possibly
	{{okay}}	Neutral	{{okay|C}}	C
	{{Yes-No}}	Yes/No	{{Yes-No|yes with an if; no with a but}}	yes with an if; no with a but
	{{pending}}	Pending	{{pending|awaiting}}	awaiting
	{{unofficial}}	Unofficial	{{unofficial|''de facto''}}	de facto
table-na	{{n/a}}	—	{{n/a|unavailable}}	unavailable
	{{unreleased}}	Unreleased	{{unreleased|shelved}}	shelved
	{{BLACK}}	N/A	{{BLACK|N/A}}	N/A
table-planned	{{planned}}	Planned	{{planned|July 2028}}	July 2028
table-scheduled	{{scheduled}}	Scheduled	{{scheduled|3 March 2027}}	3 March 2027
table-depends	{{depends}}	Depends	{{depends|vendor-defined}}	vendor-defined
table-dropped	{{dropped}}	Dropped	{{dropped|discontinued}}	discontinued
no class	{{shade|100}}%	100%	{{shade|color=blue|100}}%	100%
	{{shade|75}}%	75%	{{shade|color=blue|75|73–78}}%	73–78%
	{{shade|25}}%	25%	{{shade|color=blue|25|{{val|25|2|u=%}}}}	25%±2%
	{{shade|0}}%	0%	{{shade|color=blue|0}}%	0%
	{{ColorCell}}		{{ColorCell|Blank}}	Blank
	{{ColorCell|type=lred}}		{{ColorCell|type=lred|Red}}	Red
	{{ColorCell|type=lgreen}}		{{ColorCell|type=lgreen|Green}}	Green

Code

Common code to most if not all the templates in this series:

style="background: #abcdef; color: black; vertical-align: middle; text-align: {{{align|center}}}; {{{style|text-transform: capitalize;}}}" class="automatic table-automatic"| {{{1|text}}}

Code specific to this template:

style="background:#F8F9FA;vertical-align:middle;text-align:center;"|0

Creating new templates

To make a new table cell template you can use:

{{subst:Table cell templates|text= default text |bg= background color |class= a class name without prefix |align= standard horizontal alignment}}

You should leave out the align parameter and often the class parameter is unnecessary, too.

Add the new template to the table in the common documentation afterwards. Please consider reusing one of the other templates and please choose the color sensibly.

If you find a table cell template that does not take a parameter and you want to be able to change the text in the cell, do not duplicate the template! Instead, edit the template and change the text to a default parameter substitution. For example, if a template's text is Dropped, change that to {{{1|Dropped}}}.

style="background: #abcdef; color: black; vertical-align: middle; text-align: {{{align|center}}}; {{{style|}}}" class="automatic table-automatic"| {{{1|text}}}

Choosing a color

When changing or creating a new template, follow the Color when choosing the background color and, sometimes, the text color. Many of these templates can be used with links to other articles or references, so the links should be clearly identifiable against the background color. You can check contrast level using the WebAIM contrast checker by setting the foreground color to the blue link color. Contrast should be at the minimum WCAG AA level and, whenever possible, at WCAG AAA level. Help:Color/Accessibility has a set of colors that comply with WCAG AAA and WCAG AA for unvisited links and normal text.

Color subpage

All templates should either have a /bgcolor subpage that contains nothing but a valid CSS color code, possibly wrapped in nowiki tags, e.g. #BFD, which can be included with background: {{/bgcolor}}; in the style attribute, or they should reference another template's subpage, e.g. background: {{Template:Yes2/bgcolor}};. Alternatively, the /bgcolor subpage may redirect to another color code subpage: #REDIRECT [[yes2/bgcolor]].

This way, pages that are using these templates may also use {{legend}} and similar templates which can reference the actual color: {{legend|{{yes2/bgcolor}}|supported}}

TemplateData

This is the TemplateData for this template used by TemplateWizard, VisualEditor and other tools.

TemplateData for Shade

One of several templates for styling individual table cells with standard contents and colors.

Template parameters

This template prefers inline formatting of parameters.

Parameter		Description	Type	Status
text	1	text to be displayed instead of the default; if this doesn't work put the text after the template, possibly with a vertical bar | in between Default (template dependent)	Content	optional
horizontal align	align	text alignment inside the cell, either 'left', 'right', 'center' or 'justified' Default center	String	optional
style	style	a semicolon-separated list of additional CSS rules to be applied to the table cell Default (template dependent)	String	optional
background color	color	a valid CSS color value or name to override the standard cell background, only available with some templates Default (template dependent)	Line	optional

See also

• {{Change2}} – calculates, displays and color-codes changes between two values

Notes

The above documentation is transcluded from Template:Shade/doc. (edit | history)
Editors can experiment in this template's sandbox (create | mirror) and testcases (create) pages.
Add categories to the /doc subpage. Subpages of this template.