add some colors and buttonVariants

src/themes/Theme.tsx

@@ -23,12 +23,17 @@ const theme = createTheme({
 		secondary: palette.green,
 		tertiary: palette.yellow,
 		black: palette.black,
+		white: palette.white,
+		lightGray: palette.lightGray,
+		gray: palette.gray,
+		yellow: palette.yellow,
 	},
 	spacing: {
 		s: 8,
 		m: 16,
 		l: 24,
 		xl: 40,
+		// full: "100%",
 	},
 	breakpoints: {
 		phone: 0,
@@ -46,6 +51,12 @@ const theme = createTheme({
 		defaults: {
 			// We can define a default text variant here.
 		},
+		primary: {
+			color: "primary",
+		},
+		secondary: {
+			color: "secondary",
+		},
 	},
 	cardVariants: {
 		defaults: {
@@ -71,6 +82,19 @@ const theme = createTheme({
 			elevation: 5,
 		},
 	},
+	buttonVariants: {
+		defaults: {
+			// We can define defaults for the variant here.
+		},
+		full: {
+			backgroundColor: "secondary",
+			color: "white",
+		},
+		clean: {
+			backgroundColor: "primary",
+			color: "secondary",
+		},
+	},
 });
 
 export type Theme = typeof theme;