Update color-blue to #006fbb

[alex-page]

This changes color-blue to #006fbb from #007ace so that our link color passes contrast 4.5 on our currently darkest background colour #fbeae5.

This will allow these issues to be closed:

• Turn colour contrast back on in Pa11y polaris#1619
• https://github.com/Shopify/polaris-ux/issues/148

• Style guide
• Sketch UI Kit cc @sarahill
• Sketch palette
• Icons Sketch Kit
• Figma styles @HYPD

[HYPD]

@alex-page has this been updated everywhere?

• Style guide
• Sketch UI Kit cc @sarahill
• Sketch palette
• Figma styles (I can do this)
• Anywhere else we do this

[kaelig]

cc @jessebc, as creative direction owns the palette.

[alex-page]

For context this should not be a "visual" change. It is shifting the lightness of the color-blue to make it 3% darker so that it meets accessibility across all of our light background colours. I would be surprised if the change can be visually perceived.

Currently our blue link colour is failing colour contrast on white, light grey and our darkest background colour the light red.

The new blue was chosen by finding the closest passing colour with the existing blue and the darkest background light red using this tool:
http://accessible-colors.com/

[jessebc]

Disappointed that we'll lose the James Bond hex code... but seems for the better.

[sarahill]

I think the style guide will get the color updates once this PR is merged. Correct me if I'm wrong @HYPD @alex-page

[kaelig]

To be fully thorough we would look at all the styleguide images and modify those that include this blue to relfect the change, but that's probably a lot of work for very little return. Thoughts?

When it comes to the color palette shown in the style guide, a dependency update is all that's needed.

[sarahill]

I feel like updating all the images would be little impact. Let's take the time to update it in the kits and palettes where the colors will be pulled from but images seem low for this particular update.

Open to other opinions on this though. That's just my initial thought.

[alex-page]

For this change unless the image has the hexadecimal value in it I would avoid changing it. This is not meant to be visually perceived as different from the previous colour.

[HYPD]

@alex-page Figma styles updated

[kaelig]

Please update the CSS filter for this color too.

Also, why did the yellow dark filter change?

[alex-page]

@kaelig not sure why the change to colorYellowDark is happening. If I run the instructed commands locally in master branch, I can also see the change to colorYellowDark:

yarn get-tokens-from-invision-dsm
yarn dist
yarn test -u

Maybe the colour was updated accidentally in invision DSM or it was never updated in the tokens after an intentional change. Is there a way to see history in DSM?

The colour filter was added in the original commit.

[alex-page]

@kaelig filter added here, following docs:

When updating a color, please also remember to update its filter metadata. Filter values can be generated using this CodePen and are stored in /data/color-metadata.yml.

[kaelig]

I looked into it, and it seems like #44 didn't update the filter for yellow-dark, hence why it appears in this PR.