@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