@codecademy/gamut-styles
17.14.017.14.1-alpha.a6e8fa.0
dist/variables/colors.d.ts~
dist/variables/colors.d.tsModified+6−6
Index: package/dist/variables/colors.d.ts
===================================================================
--- package/dist/variables/colors.d.ts
+++ package/dist/variables/colors.d.ts
@@ -227,19 +227,19 @@
};
/**
* LX Studio Colors
*/
+/** Primary brand blue; used by LX Studio and Percipio theme `primary` tokens */
+export declare const sapphire = "#1C50BB";
export declare const lxStudioColors: {
readonly lxStudioSuccess: "#06844F";
readonly lxStudioBgPrimary: "#FAFBFC";
- readonly lxStudioPurple: "#5628FE";
- readonly lxStudioPurpleHover: "#7955FC";
+ readonly sapphire: "#1C50BB";
};
export declare const lxStudioPalette: {
lxStudioSuccess: "#06844F";
lxStudioBgPrimary: "#FAFBFC";
- lxStudioPurple: "#5628FE";
- lxStudioPurpleHover: "#7955FC";
+ sapphire: "#1C50BB";
beige: "#FFF0E5";
blue: "#1557FF";
green: "#008A27";
hyper: "#3A10E5";
@@ -319,9 +319,9 @@
readonly percipioBgPrimary: "#FAFBFC";
readonly percipioBgSuccess: "#EEF7F3";
readonly percipioBgWarning: "#FFF7E0";
readonly percipioBgError: "#FFF1F5";
- readonly percipioActionPrimary: "#0073C4";
+ readonly sapphire: "#1C50BB";
readonly percipioActionPrimaryHover: "#141C36";
readonly percipioActionSecondary: "#6A6E75";
readonly percipioActionSecondaryHover: "rgba(106, 110, 117, 0.86)";
readonly percipioActionDangerHover: "#A52020";
@@ -337,9 +337,9 @@
percipioBgPrimary: "#FAFBFC";
percipioBgSuccess: "#EEF7F3";
percipioBgWarning: "#FFF7E0";
percipioBgError: "#FFF1F5";
- percipioActionPrimary: "#0073C4";
+ sapphire: "#1C50BB";
percipioActionPrimaryHover: "#141C36";
percipioActionSecondary: "#6A6E75";
percipioActionSecondaryHover: "rgba(106, 110, 117, 0.86)";
percipioActionDangerHover: "#A52020";