Updated Theme

src/components/main-card/MainCard.jsx

@@ -38,9 +38,9 @@ const MainCard = ({ imageURL, title, description, url }) => {
 						image={imageURL}
 						alt={title}
 					/>
-					{{ description } !== '' && (
+
 					<Typography variant='body2'>{description}</Typography>
-					)}
+
 					<CardActionArea>
 						<CardContent
 							color='white'

src/themes/Theme.js

@@ -5,12 +5,17 @@ import {
 	DeepSpaceSparkle,
 	White,
 	Cadet,
+	Mango,
 	Black,
 	GrannySmithApple,
 	UARed,
 	OuterSpaceCrayola,
+	ChartreuseTraditional,
+	Charcoal,
+	Cultured,
 	SeaGreenCrayola,
 	VioletColorWheel,
+	AcidGreen,
 } from './Colors';
 
 // Main layout
@@ -21,41 +26,40 @@ export const MainTheme = (mode) => ({
 			? {
 					// palette values for light mode
 					primary: {
-						main: DeepSpaceSparkle,
+						main: Charcoal,
-						contrastText: White,
+						contrastText: AcidGreen,
 					},
 					secondary: {
-						main: Cadet,
+						main: UARed,
-						contrastText: White,
+						contrastText: AcidGreen,
 					},
-					divider: DeepSpaceSparkle,
+					divider: White,
 					background: {
-						default: White,
+						default: Charcoal,
-						paper: DeepSpaceSparkle,
+						paper: Charcoal,
 					},
 					text: {
-						primary: Black,
+						primary: AcidGreen,
-						secondary: White,
+						secondary: AcidGreen,
-					},
+					},		  }
-			  }
 			: {
 					// palette values for dark mode
 					primary: {
 						main: GrannySmithApple,
-						contrastText: White,
+						contrastText: AcidGreen,
 					},
 					secondary: {
 						main: UARed,
-						contrastText: White,
+						contrastText: AcidGreen,
 					},
-					divider: Cadet,
+					divider: AcidGreen,
 					background: {
-						default: OuterSpaceCrayola,
+						default: Charcoal,
-						paper: OuterSpaceCrayola,
+						paper: Charcoal,
 					},
 					text: {
-						primary: White,
+						primary: AcidGreen,
-						secondary: White,
+						secondary: AcidGreen,
 					},
 			  }),
 		lightAccent: { main: VioletColorWheel },