various infra details page color fixes

Client/src/Pages/Infrastructure/Details/index.jsx

@@ -408,8 +408,8 @@ const InfrastructureDetails = () => {
 				data: checks,
 				dataKeys: ["avgMemoryUsage"],
 				heading: "Memory usage",
-				strokeColor: theme.palette.primary.main,
-				gradientStartColor: theme.palette.primary.main,
+				strokeColor: theme.palette.accent.main, // CAIO_REVIEW
+				gradientStartColor: theme.palette.accent.main, // CAIO_REVIEW
 				yLabel: "Memory usage",
 				yDomain: [0, 1],
 				yTick: <PercentTick />,

Client/src/Utils/Theme/constants.js

@@ -1,4 +1,4 @@
-import { lighten } from "@mui/material/styles"; // CAIO_REVIEW
+import { lighten, darken } from "@mui/material/styles"; // CAIO_REVIEW
 
 const typographyBase = 14;
 

Client/src/Utils/Theme/globalTheme.js

@@ -116,6 +116,9 @@ const baseTheme = (palette) => ({
 							backgroundColor: theme.palette.secondary.main,
 							color: theme.palette.primary.contrastText,
 						},
+						"&.MuiButton-colorAccent:hover": {
+							boxShadow: `0 0 0 1px ${theme.palette.accent.main}`, // CAIO_REVIEW, this should really have a solid BG color
+						},
 					},
 					"&.MuiLoadingButton-loading": {
 						"& .MuiLoadingButton-label": {