chore(color tokens): added yellow-900, green-900 and used it for background-warning and background-success

[LinKCoding]

Overview

• added yellow-900, green-900
• added background-warning (light: yellow-0/ dark: yellow: 900) and background-success (light: green-0/ dark: green: 900)

PR Checklist

• Related to designs: https://www.figma.com/design/ReGfRNillGABAj5SlITalN/%F0%9F%93%90-Gamut?node-id=99138-70473&m=dev
• Related to JIRA ticket: GM-1153
• I have run this code to verify it works
• This PR includes unit tests for the code change
• This PR includes testing instructions tests for the code change
• The alpha package of this PR is passing end-to-end tests in all relevant Codecademy repositories

Testing Instructions

Don't make me tap the sign.

1. Go to the Core theme: https://6855aa6370bccb13a2a00126--gamut-preview.netlify.app/?path=/docs/foundations-theme-coretheme--docs
2. Scroll down to color swatches
3. see that yellow-900 and green-900 are added and match the hex color in figma
4. Scroll down to light mode and see that background-success is set to yellow-0
5. background-warning should be set to green-0
6. Scroll down to dark mode and see that background-success is set to yellow-900
7. background-warning should be set to green-900
8. Finish and do a celebratory dance

PR Links and Envs

Repository	PR Link
Mono	Mono PR

[nx-cloud]

View your CI Pipeline Execution ↗ for commit 5ef1d45.

---

☁️ Nx Cloud last updated this comment at 2025-06-30 15:04:43 UTC

[dreamwasp]

🔥

[codecademydev]

📬Published Alpha Packages:

@codecademy/gamut@64.1.5-alpha.5ef1d4.0
@codecademy/gamut-icons@9.46.2-alpha.5ef1d4.0
@codecademy/gamut-illustrations@0.54.6-alpha.5ef1d4.0
@codecademy/gamut-kit@0.6.518-alpha.5ef1d4.0
@codecademy/gamut-patterns@0.10.12-alpha.5ef1d4.0
@codecademy/gamut-styles@17.6.5-alpha.5ef1d4.0
@codecademy/gamut-tests@5.2.11-alpha.5ef1d4.0

[codecademydev]

🚀 Styleguide deploy preview ready!

https://6862a7a0d567d600833caffc--gamut-preview.netlify.app

Deploy Logs