autonomic-zone-gatsby/src/components/theme.js

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

const theme = createTheme({
  palette: {
    primary: {
      main: "#DC3E9D",
    },
    secondary: {
      main: "#0FB45D",
      contrastText: "#FFF",
    },
    text: {
      primary: "#DC3E9D",
    },
  },
  typography: {
    fontFamily: `"Karmilla", sans-serif`,
    h1: {
      fontSize: 14,
      fontWeight: 700,
    },
    h2: {
      fontSize: 12,
    },
    body1: {
      fontSize: 21,
    }
  },
  shape: {
    borderRadius: 0,
  },
})

export default theme