update full screen modal colors

src/theme/colors.ts

@@ -100,7 +100,7 @@ export const colorsLight = (
               .alpha(0.6)
               .toHslString(),
             ".MuiDialog-root:has(.MuiDialog-paperFullScreen) &": {
-              backgroundColor: "rgba(0, 0, 0, 0.25)",
+              backgroundColor: "rgba(0, 0, 0, 0)",
             },
           },
           invisible: { backgroundColor: "transparent" },

src/theme/components.tsx

@@ -288,6 +288,9 @@ export const components = (theme: Theme): ThemeOptions => {
               "#root": {
                 borderRadius: (theme.shape.borderRadius as number) * 2,
                 overflow: "hidden",
+                filter: `grayscale(100%) contrast(${
+                  theme.palette.mode === "dark" ? "80" : "75"
+                }%)`,
 
                 transform: `scale(0.9) translateY(${theme.spacing(1)})`,
                 transition: theme.transitions.create(