More actions
Proton One (talk | contribs) Created page with "<includeonly>{{#switch: {{{1}}}<!-- TEXT COLORS: --> | red = var(--color-syntax-red) | orange = var(--color-syntax-orange) | yellow = var(--color-syntax-yellow) | lightgreen | green = var(--color-syntax-green) | cyan = var(--color-syntax-cyan) | blue = var(--color-syntax-blue) | paleblue = var(--color-syntax-paleblue) | purple = var(--color-syntax-purple) | brown = var(--color-syntax-brown) | pink = var(--color-syntax-pink) | violet = var(--color-syntax-vi..." |
Proton One (talk | contribs) m Added <nowiki/> to default case to prevent hex codes from being interpreted as a wikitext ordered list |
||
| Line 34: | Line 34: | ||
| added = var(--color-content-added) | | added = var(--color-content-added) | ||
| removed = var(--color-content-removed) | | removed = var(--color-content-removed) | ||
| #default = {{{1}}} }}</includeonly><noinclude> | | #default = <nowiki/>{{{1}}} }}</includeonly><noinclude> | ||
{{documentation}} | {{documentation}} | ||
</noinclude> | </noinclude> | ||
Revision as of 02:43, 3 December 2025
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...
- #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