[Sistent] Page Content Update - Color: Code

[Rexford74]

Current Behavior

The 'Color' page in the Sistent implementation contains the color tokens that help identify all the colors intended to be used across Layer5 and its solutions, grouping them as tokens for easy identification. These tokens have been updated recently, however, that change does not yet reflect in the current Sistent implementation.

Desired Behavior

Update the 'Code' page under color in Sistent using this Figma design as a guide.

Screenshots / Mockups

Implementation

Check out the design and then navigate to the corresponding implemented page on the Layer5 website. Compare each token in both light and dark mode and ensure that the implementation matches the design.

Acceptance Tests

---

Contributor Resources and Handbook

The layer5.io website uses Gatsby, React, and GitHub Pages. Site content is found under the master branch.

• 📚 See contributing instructions.
• 🎨 Wireframes and designs for Layer5 site in Figma (open invite)
• 🙋🏾🙋🏼 Questions: Discussion Forum and Community Slack.

Join the Layer5 Community by submitting your community member form.

[hargunkaur286]

@Rexford74 Can I work on this issue?

[ritiksaxena124]

Sure @hargunkaur286, go ahead

[vishalvivekm]

Hi @hargunkaur286
Let's discuss your progress on the issue so far in the next websites meeting on Monday.
Meeting minues: https://docs.google.com/document/d/1XczAHXVe2FIWPqiF57ospJ43zw5cZQ7ui8mn39v5EvA/edit