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 component 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 #