Skip to content

chore(platformTheme): update color tokens#3115

Merged
LinKCoding merged 4 commits intokl-gm-1153-platform-theme-updatesfrom
kl-gm-1155-platform-theme-updates
Jun 30, 2025
Merged

chore(platformTheme): update color tokens#3115
LinKCoding merged 4 commits intokl-gm-1153-platform-theme-updatesfrom
kl-gm-1155-platform-theme-updates

Conversation

@LinKCoding
Copy link
Copy Markdown
Contributor

@LinKCoding LinKCoding commented Jun 20, 2025

Overview

Updates the Platform Theme to:

  • change the background-primary light mode color from beige to blue-0
  • update editor-comment — light: navy-300 => navy-500, dark: gray-600 => white-500
  • update editor-key — light: teal-500's HEX value from 027E97 to 006d82
  • update editor-ui-indent-active — light: navy-900 => navy-300, dark: gray:900 => white-300
  • update editor-ui-indent-inactive — light: navy-600 => navy-400, dark: gray:800 => white-400
  • update editor-ui-line-number — light: navy-300 => navy-500, dark: gray:600 => white-500

PR Checklist

Testing Instructions

  1. Go to the platformTheme story
  2. Scroll down to color mode
  3. Notice that background-primary in light mode is now blue-0
  4. Notice that editor-comment is now (light) navy-500 and (dark) white-500
  5. Notice that editor-key (light) is teal-500 and inspect it to see that the hex value is updated to #006d82. You can also see this in the "Platform color swatches" section
  6. Notice that editor-ui-indent-active is now (light) navy-300 and (dark) white-300
  7. Notice that editor-ui-indent-inactive is now (light) navy-400 and (dark) white-400
  8. Notice that editor-ui-line-number is now (light) navy-500 and (dark) white-500
  9. Check it with VO
  10. Finish and do a celebratory dance

PR Links and Envs

Repository PR Link
Mono Mono PR

@nx-cloud
Copy link
Copy Markdown

nx-cloud bot commented Jun 20, 2025

View your CI Pipeline Execution ↗ for commit 181a6c7.


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

@LinKCoding LinKCoding marked this pull request as ready for review June 27, 2025 17:41
@LinKCoding LinKCoding requested a review from a team as a code owner June 27, 2025 17:41
@LinKCoding LinKCoding changed the base branch from main to kl-gm-1153-platform-theme-updates June 27, 2025 17:41
@LinKCoding LinKCoding requested a review from aresnik11 June 27, 2025 17:42
Copy link
Copy Markdown
Contributor

@dreamwasp dreamwasp left a comment

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

lgtm!

@codecademydev
Copy link
Copy Markdown
Collaborator

📬Published Alpha Packages:

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

@codecademydev
Copy link
Copy Markdown
Collaborator

🚀 Styleguide deploy preview ready!

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

Deploy Logs

@LinKCoding LinKCoding merged commit 9228fc2 into kl-gm-1153-platform-theme-updates Jun 30, 2025
14 checks passed
@LinKCoding LinKCoding deleted the kl-gm-1155-platform-theme-updates branch June 30, 2025 15:16
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment

Labels

None yet

Projects

None yet

Development

Successfully merging this pull request may close these issues.

3 participants