Shared: Themes: use colors and naming from kit

packages/shared/themes/globalColors.ts

@@ -25,70 +25,88 @@
 // International. See the License terms at http://creativecommons.org/licenses/by-sa/4.0/legalcode
 
 export const globalColors = {
-  black: "#333",
-  charlestonGreen: "#282828",
+  white: "#ffffff",
+  black: "#333333",
   darkBlack: "#000",
-  white: "#FFF",
-  whiteSolitude: "#E4E7EB",
+
+  lightGrayBlackout: "rgba(6, 22, 38, 0.2)",
+  darkGrayBlackout: "rgba(27, 27, 27, 0.4)",
   grayLight: "#F8F9F9",
-  grayMaxLight: "#eeeeee",
+  darkGrayLight: "#282828",
+  lightGrayHover: "#F3F4F4",
+  lightDarkGrayHover: "#3D3D3D",
   grayLightMid: "#ECEEF1",
-  graySilver: "#D8D8D8",
-  grayMid: "#D0D5DA",
   grayDarkMid: "#242424",
-  grayDark: "#858585",
+  lightGraySelected: "#DFE2E3",
+  grayStrong: "#D0D5DA",
+  grayDarkStrong: "#474747",
   gray: "#A3A9AE",
-  grayMain: "#657077",
+  grayDark: "#858585",
+  lightGrayDark: "#657077",
+  darkGrayDark: "#ADADAD",
+  grayText: "#555F65",
+  grayDarkText: "#5C5C5C",
+
+  lightBlueMain: "#4781D1",
+  lightBlueMainHover: "rgba(71, 129, 209, 0.85)",
+  lightBlueMainDisabled: "rgba(71, 129, 209, 0.6)",
+  lightSecondMain: "#5299E0",
+  lightSecondMainHover: "rgba(82, 153, 224, 0.85)",
+  lightSecondMainDisabled: "rgba(82, 153, 224, 0.6)",
+
+  lightErrorStatus: "#F24724",
+  darkErrorStatus: "#E06451",
+  favoritesStatus: "#EDC409",
+  lightStatusWarning: "#ED7309",
+  darkStatusWarning: "#E17415",
+  lightStatusPositive: "#35AD17",
+  darkStatusPositive: "#3BA420",
+
+  lightIcons: "#3B72A7",
+  darkIcon: "#E6E6E6",
+  link: "#316DAA",
+  darkLink: "#E06A1B",
+  blueLightMid: "#265A8F",
+  // grayDarkMid: "#B5B5B5",
+
+  lightToastDone: "#E3F7BE",
+  darkToastDone: "#9DE051",
+  lightToastInfo: "#F8F7BF",
+  darkToastInfo: "#E0D751",
+  lightToastAlert: "#F7E6BE",
+  darkToastAlert: "#E0B151",
+  lightToastWarning: "#F7CDBE",
+  darkToastWarning: "#E07751",
+  //
+
+  whiteSolitude: "#E4E7EB",
+  grayMaxLight: "#eeeeee",
+  graySilver: "#D8D8D8",
 
   shuttleGrey: "#63686A",
   veryLightGrey: "#CACACA",
   darkSilver: "#bbb",
   silver: "#CCCCCC",
-  lightHover: "#F3F4F4",
-  veryDarkGrey: "#3D3D3D",
 
   blueMain: "#2DA7DB",
   blueHover: "#3DB8EC",
   blueActive: "#1F97CA",
   blueDisabled: "#A6DCF2",
   blueCharcoal: "#1F2933",
-  blueLightMid: "#265A8F",
   strongBlue: "#316AC5",
-
-  blueDenim: "#5299E0",
-  blueDenimTransparent: "rgba(82, 153, 224, 0.85)",
   blueMaya: "#4A8ACA",
   blueSky: "#96C1EC",
 
   lightGrayishBlue: "#DEE2E6",
-  lightGrayishStrongBlue: "#DFE2E3",
-  cyanBlueDarkShade: "#555F65",
-  grayBackgroundTextDark: "#5C5C5C",
 
-  orangeMain: "#ED7309",
   orangeHover: "#FF8932",
   orangePressed: "#C96C27",
   orangeDisabled: "#FFCCA6",
   lightMediumGoldenrod: "#EFEFB2",
-  lightCumulus: "#F8F7BF",
 
-  link: "#316DAA",
   errorColor: "#C96C27",
 
   warningColor: "#f1ca92",
   red: "#c30",
   darkRed: "#A60000",
-  activeSuccess: "#E3F7BE",
-  activeError: "#F7CDBE",
-  activeInfo: "#F8F7BF",
-  activeWarning: "#F7E6BE",
-
-  hoverSuccess: "#E3F7BE",
-  hoverError: "#F7CDBE",
-  hoverInfo: "#F8F7BF",
-  hoverWarning: "#F7E6BE",
-
-  lightErrorStatus: "#F24724",
-  darkErrorStatus: "#E06451",
-  outerSpace: "#474747",
 };