softYellow color

src/themes/Theme.tsx

@@ -15,7 +15,7 @@ const palette = {
 	lightGray: "#F4F5F7",
 	gray: "#747E98",
 	yellow: "#F4C44A",
-
+	softYellow: "#E4A951",
 	red: "#FF0000",
 	softRed: "#C51605",
 };
@@ -30,6 +30,8 @@ const theme = createTheme({
 		lightGray: palette.lightGray,
 		gray: palette.gray,
 		yellow: palette.yellow,
+		softYellow: palette.softYellow,
+
 		red: palette.red,
 		softRed: palette.softRed,
 	},
@@ -90,6 +92,9 @@ const theme = createTheme({
 		error: {
 			color: "red",
 		},
+		yellow: {
+			color: "softYellow",
+		},
 	},
 	cardVariants: {
 		defaults: {
@@ -119,6 +124,12 @@ const theme = createTheme({
 		defaults: {
 			// We can define defaults for the variant here.
 		},
+		noMargin: {
+			margin: {
+				phone: undefined,
+				tablet: undefined,
+			},
+		},
 		full: {
 			backgroundColor: "secondary",
 			color: "white",
@@ -127,6 +138,10 @@ const theme = createTheme({
 			backgroundColor: "softRed",
 			color: "white",
 		},
+		fullInformation: {
+			backgroundColor: "softYellow",
+			color: "white",
+		},
 		clean: {
 			backgroundColor: "primary",
 			color: "secondary",