Template:Colour style/doc: Difference between revisions
Jump to navigation
Jump to search
No edit summary |
No edit summary |
||
Line 26: | Line 26: | ||
| style="text-align: center; background-color: {{Roleclass colour|officer|2}};" | '''{{Roleclass colour|officer|2}}''' | | style="text-align: center; background-color: {{Roleclass colour|officer|2}};" | '''{{Roleclass colour|officer|2}}''' | ||
| style="text-align: center; background-color: {{Roleclass colour|officer|3}};" | '''{{Roleclass colour|officer|3}}''' | | style="text-align: center; background-color: {{Roleclass colour|officer|3}};" | '''{{Roleclass colour|officer|3}}''' | ||
| | | {{Color contrast ratio|#000000|{{Roleclass colour|officer|1}}}} | ||
|- | |- | ||
| style="text-align: center; width:10em" | '''''medical''''' | | style="text-align: center; width:10em" | '''''medical''''' | ||
Line 33: | Line 33: | ||
| style="text-align: center; background-color: {{Roleclass colour|medical|2}};" | '''{{Roleclass colour|medical|2}}''' | | style="text-align: center; background-color: {{Roleclass colour|medical|2}};" | '''{{Roleclass colour|medical|2}}''' | ||
| style="text-align: center; background-color: {{Roleclass colour|medical|3}};" | '''{{Roleclass colour|medical|3}}''' | | style="text-align: center; background-color: {{Roleclass colour|medical|3}};" | '''{{Roleclass colour|medical|3}}''' | ||
| | | {{Color contrast ratio|#000000|{{Roleclass colour|medical|1}}}} | ||
|- | |- | ||
| style="text-align: center; width:10em" | '''''technical''''' | | style="text-align: center; width:10em" | '''''technical''''' |
Revision as of 10:51, 28 September 2014
{{#invoke:Message box|mbox}}
This template is for use with {{Individual infobox style}}. It should not be used directly.
Usage
{{Roleclass colour|roleclass|1}}
for the primary colour{{Roleclass colour|roleclass|2}}
for the secondary colour{{Roleclass colour|roleclass|3}}
for the tertiary colour (if different from the primary)
Note, it is important that the primary and secondary color have sufficient contrast to be readable when used as the background and font color. This is especially important for readers with visual impairments. You can check the contrast using {{color contrast ratio}}. A ratio of greater than 4.5 or less than 0.22 is sufficient, but the larger or smaller the better.
Test table