Illegal value
- Full report name: Invalid value
- Status:
ERROR
- Related to: non-components, theme
- Summary: a non-component uses values that are not allowed by the theme
- How to fix: update the element's styles
Some property on a non-component element uses a value that is not allowed by the pattern libraries's theme. At the moment this error only reports invalid colors, so your element probably uses an invalid color.
If you use theme colors, every color that
you want to allow in your project must be part of the color swatch in your
pattern library. The only exceptions to this rule are fully transparent color
values like rgba(255, 0, 0, 0)
and transparent
. Even colors for borders and
shadows must be part of the pattern library. The same is true for basic colors
like black and white.
The alpha component of every color counts towards two colors being considered
different. For Warhol, rgba(255, 0, 0, 0.99)
is as different from
rgba(255, 0, 0, 1)
as it is from green
.
See also #
- Illegal typography (a non-component element uses invalid typography)