Error Color mismatch between Figma and Production

[jeana-adhoc]

Bug Report

• I’ve searched for any related issues and avoided creating a duplicate issue.

What happened

I was comparing output between figma and staging/production and noticed the error colors are not the same.

What I expected to happen

I expected figma and production to be using the same color for error messages

Reproducing

• Formation version:
• Device: (e.g. iPhone 8, Macbook)
• Browser: (e.g. Firefox, IE 11)

Steps to reproduce:

1. Load a form on staging and trigger an error
2. Load a figma file and recreate the component
3. Load the figma component with an error
4. See the color difference.

Here is a screenshot

The image on the left is from staging, on the right is a brand new component built using VADS component library.

It looks like Figma is using vads-color-error whereas the code is using vads-color-error-dark.

Urgency

How urgent is this request? Please select the appropriate option below and/or provide details

• This bug is blocking work currently in progress
• This bug is affecting work currently in progress but we have a workaround
• This bug is blocking work planned within the next few sprints
• This bug is not blocking any work
• Other

Details