add a background component

client/src/Utils/Theme/constants.js

@@ -85,6 +85,7 @@ const semanticColors = {
 const newColors = {
 	offWhite: "#FEFEFE",
 	offBlack: "#131315",
+	gray10: "#F4F4FF",
 	gray100: "#F3F3F3",
 	gray200: "#EFEFEF",
 	gray500: "#A2A3A3",
@@ -175,6 +176,12 @@ const newSemanticColors = {
 			dark: newColors.blueGray600,
 		},
 	},
+	primaryBackground: {
+		main: {
+			light: newColors.gray10,
+			dark: "#000000",
+		},
+	},
 	secondary: {
 		main: {
 			light: newColors.gray200,