FIX-1484 added in new colors for extensibility and maintainability.

src/Utils/Theme/constants.js

@@ -40,7 +40,6 @@ const paletteColors = {
 	blueGray150: "#667085",
 	blueGray200: "#475467",
 	blueGray400: "#344054",
-	blueGray900: "#1c2130",
 	blueBlueWave: "#1570EF",
 	blue700: "#4E5BA6",
 	purple300: "#664EFF",
@@ -89,10 +88,12 @@ const newColors = {
 	gray100: "#F3F3F3",
 	gray200: "#EFEFEF",
 	gray500: "#A2A3A3",
+	gray900: "#1c1c1c",
 	blueGray50: "#E8F0FE",
 	blueGray500: "#475467",
 	blueGray600: "#344054",
 	blueGray800: "#1C2130",
+	blueGray900: "#515151",
 	blueBlueWave: "#1570EF",
 	/* I changed green 100 and green 700. Need to change red and warning as well, and refactor the object following the structure */
 	green100: "#67cd78",
@@ -293,11 +294,11 @@ const newSemanticColors = {
 	alert: {
 		background: {
 			light: newColors.gray200,
-			dark: "#1c1c1c",
+			dark: newColors.gray900,
 		},
 		border: {
 			light: newColors.blueGray600,
-			dark: "#515151",
+			dark: newColors.blueGray900,
 		},
 	},
 };