added a text grey to theme

src/style/Theme.js

@@ -5,7 +5,7 @@ import "@fontsource/titillium-web/400.css";
 import "@fontsource/titillium-web/600.css";
 import "@fontsource/titillium-web/900.css";
 import { createTheme, responsiveFontSizes } from "@mui/material";
-import { yellow } from "@mui/material/colors";
+import { yellow, grey } from "@mui/material/colors";
 
 export let theme = createTheme({});
 
@@ -79,7 +79,8 @@ theme = createTheme(theme, {
   palette: {
     primary: {
       main: theme.palette.essCyan.main,
-      lightText: theme.palette.essWhite
+      lightText: theme.palette.essWhite,
+      mediumText: grey[800]
     },
     primaryContrastText: {
       main: theme.palette.primary.contrastText