frontend/my-app/src/styles/theme/theme.js

// /styles/theme/theme.js
import { createTheme } from '@mui/material/styles';

const theme = createTheme({
  palette: {
    primary: {
      main: '#1976d2', // 你可以更改为你需要的颜色
    },
    secondary: {
      main: '#dc004e',
    },
    background: {
      default: '#fafafa', // 背景颜色
    },
  },
  typography: {
    fontFamily: '"Roboto", "Helvetica", "Arial", sans-serif',
    h1: {
      fontWeight: 700,
    },
    h2: {
      fontWeight: 600,
    },
    // 你可以根据需求自定义更多字体样式
  },
  shape: {
    borderRadius: 8, // 控制组件的圆角
  },
});

export default theme;