Template:Design var

Template documentation (for the above template, sometimes hidden or invisible)

Description

Design variables allow visual consistency by adjusting the light and dark themes to account for the physiological difference in color perception between black-on-white and white-on-black

Dependencies

Used by

{{co}}

Syntax

{{Design var|<text color>}}

Parameters

text color

If a replacement design variable exists, injects it. If not, passes the color unchanged.

Sample

{{Design var|red}}

gives...

var(--color-syntax-red)

{{Design var|magenta}}

gives...

magenta

{{Design var|#abcdef}}

gives...

1. abcdef

List of design variables

• red orange(coral) yellow green(lightgreen) cyan blue paleblue purple brown pink violet grey
• base inverted base-fixed inverted-fixed
• emphasized subtle placeholder disabled
• progressive destructive visited
• error warning success
• notice added removed

Visit Template:Design var/doc to edit this text! (How does this work?) (Refresh this text - why?)