chore(LXStudio + Percipio): update theme

[dreamwasp]

Overview

For LXStudio:

Color updates ([figma link](https://www.figma.com/design/ReGfRNillGABAj5SlITalN/%F0%9F%93%90-Gamut?node-id=78900-79438&t=hNl3ImjAAGa9pw4G-4)):

lxStudioPurple: #1C50BB

rename lxStudioPurple to sapphire

lxStudioPurpleHover: Remove 

primary-hover: navy-800

For Percipio theme:

change primary => sapphire

For both:
Font updates (figma link):

accent: “Skillsoft Sans”

base: “Skillsoft Text”

fontWeight: bold + title are 500, 700 is still available.

PR Checklist

• Related to designs:
• Related to JIRA ticket: [ABC-123]
• Version plan added/updated (or not needed)
• 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

1. Check out the Text page and see the correct 500 font-weight on titles + bold for both Percipio + LXStudio theme
2. See buttons now using sapphire (and navy-800 on hover for LXStudio theme)

PR Links and Envs

Repository	PR Link
Monolith	Monolith PR
Mono	Mono PR

[nx-cloud]

View your CI Pipeline Execution ↗ for commit b16d349

---

☁️ Nx Cloud last updated this comment at 2026-05-07 19:48:41 UTC

[codecov]

Codecov Report

✅ All modified and coverable lines are covered by tests.
✅ Project coverage is 90.29%. Comparing base (4c69a0f) to head (b16d349).
✅ All tests successful. No failed tests found.

Additional details and impacted files

@@            Coverage Diff             @@
##             main    #3341      +/-   ##
==========================================
- Coverage   90.40%   90.29%   -0.12%     
==========================================
  Files         405      384      -21     
  Lines        6649     6263     -386     
  Branches     2154     2014     -140     
==========================================
- Hits         6011     5655     -356     
+ Misses        630      600      -30     
  Partials        8        8              

Flag	Coverage Δ
main	?
pull-request	90.29% <100.00%> (?)

Flags with carried forward coverage won't be shown. Click here to find out more.

☔ View full report in Codecov by Sentry.
📢 Have feedback on the report? Share it here.

🚀 New features to boost your workflow:

• 📦 JS Bundle Analysis: Save yourself from yourself by tracking and limiting bundle sizes in JS merges.

[dreamwasp]

something was up w/ netlify, PR preview here

Preview URL: https://69fb6509ee4c55607c5b94f5--gamut-preview.netlify.app
Deploy Logs: https://app.netlify.com/projects/gamut-preview/deploys/69fb6509ee4c55607c5b94f5

[dreamwasp]

there was a bug with themes with different fonts inheriting Apercu, this fixes that

[codecademydev]

📬 Published Alpha Packages:

Package	Version	npm	Diff
@codecademy/gamut	68.5.1-alpha.a6e8fa.0	npm	diff
@codecademy/gamut-icons	9.57.5-alpha.a6e8fa.0	npm	diff
@codecademy/gamut-illustrations	0.58.11-alpha.a6e8fa.0	npm	diff
@codecademy/gamut-kit	0.6.597-alpha.a6e8fa.0	npm	diff
@codecademy/gamut-patterns	0.10.30-alpha.a6e8fa.0	npm	diff
@codecademy/gamut-styles	17.14.1-alpha.a6e8fa.0	npm	diff
@codecademy/gamut-tests	6.0.1-alpha.a6e8fa.0	npm	diff
@codecademy/variance	0.26.2-alpha.a6e8fa.0	npm	diff
eslint-plugin-gamut	2.4.4-alpha.a6e8fa.0	npm	diff

[github-actions]

🚀 Styleguide deploy preview ready!

Preview URL: https://69fced4d210c3a00ef36f8fe--gamut-preview.netlify.app
Deploy Logs: https://app.netlify.com/projects/gamut-preview/deploys/69fced4d210c3a00ef36f8fe