FIX-1848 added theme for alerts specfic.

src/Components/Alert/index.jsx

@@ -36,8 +36,8 @@ const Alert = ({ variant, title, body, isToast, hasIcon = true, onClick }) => {
 	*/
 
 	const text = theme.palette.secondary.contrastText;
-	const bg = theme.palette.secondary.main;
-	const border = theme.palette.secondary.contrastText;
+	const border = theme.palette.alert.border;
+	const bg = theme.palette.alert.background;
 	const icon = icons[variant];
 
 	return (

src/Utils/Theme/constants.js

@@ -290,6 +290,16 @@ const newSemanticColors = {
 			dark: "#C084FC",
 		},
 	},
+	alert: {
+		background: {
+			light: newColors.gray200,
+			dark: "#1c1c1c",
+		},
+		border: {
+			light: newColors.blueGray600,
+			dark: "#515151",
+		},
+	},
 };
 
 export { typographyLevels, semanticColors as colors, newSemanticColors };