import { createTheme } from "@mui/material";

let theme = createTheme({
  palette: {
    secondary: {
      main: "#fe6b8b",
    },
    background: {
      default: "white",
    },
    custom: {
      grey: "rgba(255, 255, 255, 0.7)",
    },
  },
  props: {
    MuiButton: {
      variant: "contained",
    },
  },
});

theme = {
  ...theme,
  overrides: {
    MuiDrawer: {
      paper: {
        backgroundColor: "#323a40",
      },
    },
    MuiCard: {
      root: {
        display: "flex",
        flexDirection: "column",
        justifyContent: "space-between",
      },
    },
    MuiCardActions: {
      root: {
        justifyContent: "center",
      },
    },
    MuiBackdrop: {
      root: {
        backgroundColor: "rgba(0,0,0,0.1)",
      },
    },
  },
};

theme = {
  ...theme,
  custom: {
    schema: {
      width: 75,
    },
  },
};

export default theme;
