@codecademy/gamut-styles

17.14.017.14.1-alpha.a6e8fa.0
dist/variables/colors.js
~dist/variables/colors.jsModified
+6−3
Index: package/dist/variables/colors.js
===================================================================
--- package/dist/variables/colors.js
+++ package/dist/variables/colors.js
@@ -157,13 +157,14 @@
 /**
  * LX Studio Colors
  */
 
+/** Primary brand blue; used by LX Studio and Percipio theme `primary` tokens */
+export const sapphire = '#1C50BB';
 export const lxStudioColors = {
   lxStudioSuccess: '#06844F',
   lxStudioBgPrimary: '#FAFBFC',
-  lxStudioPurple: '#5628FE',
-  lxStudioPurpleHover: '#7955FC'
+  sapphire
 };
 export const lxStudioPalette = {
   ...corePalette,
   ...lxStudioColors
@@ -184,9 +185,9 @@
   percipioBgSuccess: '#EEF7F3',
   percipioBgWarning: '#FFF7E0',
   percipioBgError: '#FFF1F5',
   // Action colors
-  percipioActionPrimary: '#0073C4',
+  sapphire,
   percipioActionPrimaryHover: '#141C36',
   percipioActionSecondary: '#6A6E75',
   percipioActionSecondaryHover: 'rgba(106, 110, 117, 0.86)',
   percipioActionDangerHover: '#A52020',
@@ -194,8 +195,10 @@
   percipioFeedbackSuccess: '#1B8057',
   percipioFeedbackWarning: '#EF5B0D',
   // Multiuse colors
   percipioDanger: '#B83C3C'
+
+  /** Shared with LX Studio; `primary` color mode resolves here */
 };
 export const percipioPalette = {
   ...corePalette,
   ...percipioColors