refactor: [M3-8898] - Replace one-off hardcoded color values with color tokens pt3

[pmakode-akamai]

Description 📝

• Replace one-off hardcoded color values with color tokens - Part 3
• colorTokens are global tokens, and they are theme-agnostic.

Note

The new colors are based on design tokens and have been selected to closely match the existing colors.

Related PRs:

• upcoming: [M3-8755, M3-6700] - Add global colorTokens to theme and replace one-off hardcoded white colors #11120
• upcoming: [M3-6700] - Replace one-off hardcoded black and white color values with colorTokens #11165

Changes 🔄

• Replaced pink with theme.tokens.color.Pink[40] (#f3c6e2)
• Replaced #e3e5e8 with theme.tokens.color.Neutrals[20] and its equivalent color (#E5E5EA) in monitor-disabled.svg
• Replaced #2e3238 with theme.tokens.color.Neutrals[100] (#343438)
• Replaced #c9c7c7 with theme.tokens.color.Neutrals[40] (#c2c2ca)
• Replaced #606469 with theme.tokens.color.Neutrals[70] (#696970)
• Replaced #555 with theme.tokens.color.Neutrals[80] (#515157)
• Replaced #c9cacb with theme.tokens.color.Neutrals[40] or Color.Neutrals[40] and its equivalent color (#c2c2ca) in toggleOff.svg
• Replaced #9ea4ae with theme.tokens.color.Neutrals[50] (#a3a3ab)
• Replaced #cdd0d5 with theme.tokens.color.Neutrals[30] (#d6d6dd)
• Replaced #ccc with theme.tokens.color.Neutrals[40] (#c2c2ca)
• Replaced #222 with theme.tokens.color.Neutrals.Black (#232326)
• Replaced #f4f4f4 with theme.tokens.color.Neutrals[5] or equivalent (#f7f7fa)

Target release date 🗓️

N/A

Preview 📷

• Slight change in the colors.
• The new colors are based on design tokens and have been selected to closely match the existing colors.

How to test 🧪

• Ensure everything builds properly
• Use colorpicker to differentiate between the two colors

As an Author I have considered 🤔

Check all that apply

• 👀 Doing a self review
• ❔ Our contribution guidelines
• 🤏 Splitting feature into small PRs
• ➕ Adding a changeset
• 🧪 Providing/Improving test coverage
• 🔐 Removing all sensitive information from the code and PR description
• 🚩 Using a feature flag to protect the release
• 👣 Providing comprehensive reproduction steps
• 📑 Providing or updating our documentation
• 🕛 Scheduling a pair reviewing session
• 📱 Providing mobile support
• ♿ Providing accessibility support

[github-actions]

Coverage Report: ❌
Base Coverage: 87.32%
Current Coverage: 87.3%

[dwiley-akamai]

No styling regressions observed in Cloud ✅
Code review ✅

[linode-gh-bot]

Cloud Manager UI test results

🎉 445 passing tests on test run #12 ↗︎

❌ Failing	✅ Passing	↪️ Skipped	🕐 Duration
0 Failing	445 Passing	2 Skipped	91m 52s

[coliu-akamai]

✅ cloud manager styling
✅ code review

thank you!

[cypress]

Cloud Manager E2E    Run #6833

Run Properties:   Passed #6833  •  715f5971ee: refactor: [M3-8898] - Replace one-off hardcoded color values with color tokens p...

Project	Cloud Manager E2E
Branch Review	develop
Run status	Passed #6833
Run duration	28m 23s
Commit	715f5971ee: refactor: [M3-8898] - Replace one-off hardcoded color values with color tokens p...
Committer	Purvesh Makode
View all properties for this run ↗︎

---

Test results
Failures	0
Flaky	3
Pending	2
Skipped	0
Passing	452
View all changes introduced in this branch ↗︎