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) Added coral (= orange) |
||
| (One intermediate revision by the same user not shown) | |||
| Line 3: | Line 3: | ||
TEXT COLORS: --> | TEXT COLORS: --> | ||
| red = var(--color-syntax-red) | | red = var(--color-syntax-red) | ||
| orange = var(--color-syntax-orange) | | orange | ||
| coral = var(--color-syntax-orange) | |||
| yellow = var(--color-syntax-yellow) | | yellow = var(--color-syntax-yellow) | ||
| lightgreen | | lightgreen | ||
| Line 27: | Line 28: | ||
| progressive = var(--color-progressive) | | progressive = var(--color-progressive) | ||
| destructive = var(--color-destructive) | | destructive = var(--color-destructive) | ||
| visited = var(--color-visited)<!-- may be useless? included for | | visited = var(--color-visited)<!-- may be useless? included for completeness --> | ||
| error = var(--color-error) | | error = var(--color-error) | ||
| warning = var(--color-warning) | | warning = var(--color-warning) | ||
| Line 34: | Line 35: | ||
| 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> | ||
Latest revision as of 07:12, 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