Tɛmplet:Element color/doc

This is a documentation subpage for Tɛmplet:Element color.
It contains usage information, categories and other content that is not part of the original tɛmplet page.

This template returns the element's legend color, to be used in HTML makeup:

{{Element color|f-block}} → #9bff99

Some color codes are designed as fontcolor.

Some return values are designed as full border settings:
{{Element color|Synthetic}} → 2px dotted #6e6e8e

Note: the true code returned is like: #ffc0c0; (# being "#"). This way, any HTML page will not use "#" to start a numbered list.

Background color options[mali mi di yibu sheena n-niŋ]

style=background attribute value

In code: style="background:{{element color|alkali metals}};"

Blocks[mali mi di yibu sheena n-niŋ]

s-block → #ff9999
p-block → #fdff8c
d-block → #99ccff
f-block → #9bff99
g-block → #fd99ff
h-block → #7ed9d9
i-block → #e0c880

Theoretical elements (option, usually full color is used. See g-block):

s-block (predicted) → #ffcccc
p-block (predicted) → #ffffbf
d-block (predicted) → #c7eeff
f-block (predicted) → #cdffcc
g-block (predicted) → #febfff

Groups[mali mi di yibu sheena n-niŋ]

group 18 → #c0ffff Note: noble gases

Categories metal–metalloid–nonmetal[mali mi di yibu sheena n-niŋ]

Metal → #eee8aa
Metalloid → #cccc99
Non-metal → #b0e0e6

Standard atomic weight[mali mi di yibu sheena n-niŋ]

saw-header → #b0e0e6
saw → #e1fcff
msi-header → #c3ffd8
msi → #e1ffec

msi = most stable isotope

Year and era[mali mi di yibu sheena n-niŋ]

Antiquity to Middle Ages → #ffb9b9
Before 1800 → #dfcdff
1800-1849 → #cbffb9
1850-1899 → #b9ffe4
1900-1949 → #ffe2b9
1950-1999 → #fff6b9
2000-present → #ffb9ef

Example: {{Periodic table (by discovery periods)}}

Numbers[mali mi di yibu sheena n-niŋ]

Used in: Valence (chemistry)#Maximum valences of the elements These colors correspond to the Alkali metal–noble gases range

0 → #c0ffff
1 → #ff8989
2 → #ffdead
3 → #ffbfff
4 → #cccccc
5 → #cccc99
6 → #a0ffa0
7 → #ffff99
8 → #d1ddff
9 → #c6dd9d
unknown valence → #ededed

Metalloid cite classes[mali mi di yibu sheena n-niŋ]

See Template:Periodic table (list of metalloid lists)

Metalloid citeclass 1of4 → #baffba Note: currently: 93%
Metalloid citeclass 2of4 → #badcff Note: currently: 44%
Metalloid citeclass 3of4 → #ffbadc Note: currently: 24%
Metalloid citeclass 4of4 → #ffffba Note: currently: 9%

Cell border options[mali mi di yibu sheena n-niŋ]

style=border attribute value

In code: style="border:{{element color|synthetic}};"

Occurrence (cell border)[mali mi di yibu sheena n-niŋ]

Primordial → 2px solid #6e6e8e
From decay → 2px dashed #6e6e8e Note: "Natural radio" deprecated
Synthetic → 2px dotted #6e6e8e
Undiscovered → 2px solid transparent
None → 2px solid transparent

Font color options[mali mi di yibu sheena n-niŋ]

style=color attribute value

In code: style="color:{{element color|gas}};"

State of matter (font color)[mali mi di yibu sheena n-niŋ]

A Solid → #000000
A Liquid → #000000
A Gas → #000000
A Unknown phase → #000000

Setting a default color[mali mi di yibu sheena n-niŋ]

|1=not a color name |default=#aabbcc → #aabbcc (use # not #)

|1=not a color name |default=thistle → thistle

"Unknown" variants[mali mi di yibu sheena n-niŋ]

Usable in mainspace

White → #ffffff
Unknown chemical properties → #e8e8e8 -- Category
A Unknown phase → #000000 --SoM
Undiscovered → 2px solid transparent Note: Border -- Occurrence
none → 2px solid transparent Note: Border -- Occurrence

Wikipedia article quality[mali mi di yibu sheena n-niŋ]

Used in: Wikipedia:WikiProject Elements/Articles/Periodic Table by Quality

aq-FA → #6699ff
aq-A → #66ffff
aq-GA → #55cc55 Note: Formal color is #66ff66
aq-B → #bcff66 Note: Formal color is #b2ff66
aq-C → #ffff66
aq-Start → #ffaa66
aq-Stub → #ff6666

Wikipedia article importance[mali mi di yibu sheena n-niŋ]

imp-Top → #ff00ff
imp-High → #ff88ff
imp-Mid → #ffbbff
imp-Low → #ffddff
imp-??? → #f8f9fa
imp-n/a → #f5f5f5

Color names[mali mi di yibu sheena n-niŋ]

Black → #000000
White → #ffffff

blue → #0000ff
green → #008000
red → #ff0000
yellow → #ffff00

Table background[mali mi di yibu sheena n-niŋ]

table title → #d8d8d8
table header → #e0e0e0
table colheader → #e8e8e8
table mark → #f0f0f0
table background → #f8f8f8
table border → #a9a9a9

**Available background colors for periodic tables**
Usage: `{{Element color|table header}}`
Specification (1st parameter)	Alternative specification	Returns color	Note
`title`	`caption`	`#d8d8d8`
`header`		`#e0e0e0`
`colheader`	`rowheader, subheader`	`#e8e8e8`
`mark`		`#f0f0f0`
`background`	`bg`	`#f8f8f8`	Also the default return value
`border`		`#a9a9a9`	Equals predefined color "grey"

Colors hardcoded[mali mi di yibu sheena n-niŋ]

The same colors, with the same key, may be hardcoded in templates and pages:

See Category:Pages containing element color directly (0)
{{Periodic table (32 columns, micro)/elementcell}}
{{Periodic table (Goldschmidt classification)}} (cells, not the legend)
{{Infobox element/symbol-to-occurrence/format2}}
{{Infobox element/symbol-to-block/format2}}

Tracking and warning[mali mi di yibu sheena n-niŋ]

Element color ID's used in mainspace (articles) but not in {{Element color}} are listed in Category:Element color has unknown ID (0); these articles show awarning in preview.

Template data[mali mi di yibu sheena n-niŋ]

About

Why are the developers building this?
- User Test Data
Documentation:
Development:

Help out

Research

Main research page

Other

Customization
Known problems
Requests for Comments (RfCs): Jul 2013 a, Jul 2013 b, Jul 2015, Sep 2015

Shortcuts

What is template data?[mali mi di yibu sheena n-niŋ]

Template data is the standardized description of a template, used by the default VisualEditor, the optional 2017 wikitext editor and other tools to improve the template-editing experience for the user. Both VisualEditor and the 2017 wikitext editor include a wizard to edit templates, but for the wizard to be most useful, it needs to present specific information to the user about each template, such as a short description of the template's purpose and its parameters. This information is codified formally (by any wiki editor) using template data.

Editing without template data[mali mi di yibu sheena n-niŋ]

Without template data, each parameter needs to be added manually when inserting a new template.

No information is provided about what the value of the parameter should be.

Editing with template data[mali mi di yibu sheena n-niŋ]

With template data, a list of supported parameters (and their description) is provided for the template.

Template data provides context for each parameter, and makes it much easier for users to modify templates.

Adding template data[mali mi di yibu sheena n-niŋ]

Anyone can help by adding template data to templates (particularly high-profile ones, such as infoboxes) so that they are easier to edit in VisualEditor. The following is a minimal example, placed on a template's documentation page:

<templatedata>{
  "description": "insert description here",
  "params": {
    "first parameter": {
      "label": "x",
      "description": "x",
      "type": "string",
      "suggested": true,
      "autovalue": "derived automatic value",
      "default": "default value",
      "required": false
    }
  }
}</templatedata>

You can also add or edit template data using a GUI, by pressing the following button which appears at the top of the edit page: Edit template data

The template data tutorial explains in detail how to add template data information to a template.

Adding suggested values for parameters[mali mi di yibu sheena n-niŋ]

The parameter property suggestedvalues lets you define a list of parameter values to be shown to VisualEditor users in a dropdown for easy selection. This can be done either directly in JSON or using the TemplateData editor with no coding required. Both methods are explained in detail below.

Once the values have been added to template data, the VisualEditor will display them in a combo box (a dropdown into which users can also enter a custom value). The user selects the desired value by clicking on it. If the list of values is long - for example, a list of a country’s states - the user can begin typing in the field, whereupon the list will be filtered to show only values containing the typed text. To change an entered value, the user must simply clear the field, and the full dropdown list will appear again. If the user needs a value not included in the list (for example, "message in a bottle") they can type it in manually.

For suggested values to be displayed in the VisualEditor, the parameter’s type must be set to one of the following options:

content
line
string
number
unknown
unbalanced wikitext.

Other types (file, page, template, user, date, boolean, URL) are not currently supported because they have special functionalities in the VisualEditor already (such as autocomplete) which would interfere with the dropdown menu for suggested values in the VisualEditor.

Adding suggested values for parameters in wikitext[mali mi di yibu sheena n-niŋ]

To add suggested values to any parameter type, add the new property “suggestedvalues” to the parameter in JSON. The “suggestedvalues” attribute must be a list of strings.

An example might look like this:

"media_type": {
	"label": "Type of media",
	"example": "Newspaper",
	"type": "string",
	"description": "In what medium was the article published?",
	"suggestedvalues": [
    	"Journal",
    	"Book",
    	"Newspaper",
    	"Magazine"
	]
}

Adding suggested values for parameters with the template data editor[mali mi di yibu sheena n-niŋ]

For the parameter types listed above, you can add suggested values using the template data editor.

Step 1. Click on "Manage TemplateData".
Step 2. Click on the name of the parameter you want to add suggested values to.
Step 3. If it’s not already, set the type of the parameter to one of the following: content, line, string, number, unknown or unbalanced wikitext. A new input field "Suggested values" will appear. If the parameter is already set to one of these types, the input field should already be visible.
Step 4. Type in the suggested value(s), including any spaces and special characters, and press enter to add it to the list.

Here you can see an example of how to add suggested values in the TemplateData editor.

Used templates[mali mi di yibu sheena n-niŋ]

Deprecated and experimental parameters[mali mi di yibu sheena n-niŋ]

Those not for mainspace are kept in {{Element color/secondary}}