note for caio to review

Client/src/Utils/Theme/constants.js

@@ -152,6 +152,11 @@ const newSemanticColors = {
 			light: newColors.blueGray600,
 			dark: newColors.gray200,
 		},
+		// CAIO_REVIEW, need a brighter color for dark bg
+		contrastTextSecondaryDarkBg: {
+			light: newColors.gray200,
+			dark: newColors.gray200,
+		},
 		contrastTextTertiary: {
 			light: newColors.blueGray500,
 			dark: newColors.gray500,

Client/src/Utils/Theme/globalTheme.js

@@ -21,6 +21,12 @@ const baseTheme = (palette) => ({
 			color: palette.primary.contrastTextSecondary,
 			fontWeight: 400,
 		},
+		// CAIO_REVIEW, need a brighter color for dark bg
+		h2DarkBg: {
+			fontSize: typographyLevels.l,
+			color: palette.primary.contrastTextSecondaryDarkBg,
+			fontWeight: 400,
+		},
 		body1: {
 			fontSize: typographyLevels.m,
 			color: palette.primary.contrastTextTertiary,