- 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