- Description
- This template provides visual rendering of color schemes.
- Parameters
- The template requires a type parameter and accepts color data. These are provided in series of four parameters:
| Parameter | Usage | Input |
|---|---|---|
| 1 | The hexadecimal color form, without #.
|
color
|
| 2 | Visual/brand name of the color. | string
|
| 3 | Use of the color (put "branding" if unknown). | string
|
| 4 | Design system reference or custom variable name. | string##identifier
|
- Sample code
{{Color scheme
| type = wds-wikia-corporate
<!-- color 1 -->
| 656e78
| Dark Blue Gray
| corporate use
| wds-color-dark-blue-gray
<!-- color 2 -->
| 39424d
| Medium Gray
| corporate use
| wds-color-slate-gray
<!-- color 3 -->
| c5ced9
| Blue Gray
| corporate use
| wds-color-blue-gray
<!-- color 4 -->
| e6ebf2
| Light Blue Gray
| corporate use
| wds-color-light-blue-gray
<!-- color 5 -->
| f2f6fa
| Gray
| corporate use
| wds-color-faint-blue-gray
}}
- Sample output
- Dark Blue Gray
#656e78for corporate use$wds-color-dark-blue-gray - Medium Gray
#39424dfor corporate use$wds-color-slate-gray - Blue Gray
#c5ced9for corporate use$wds-color-blue-gray - Light Blue Gray
#e6ebf2for corporate use$wds-color-light-blue-gray - Gray
#f2f6fafor corporate use$wds-color-faint-blue-gray