[MUI] createTheme & ThemeProvider

1. createTheme & ThemeProvider import 하기

import { ThemeProvider, createTheme } from '@mui/material/styles';

2. 사용자 정의 theme 생성

const theme = createTheme({
  palette: {
    primary: {
      main: '#0E1B4E', // 원하는 primary 색상
      contrastText: '#fff', // primary 버튼의 텍스트 색상
    },
  },
});

3. 컴포넌트를 ThemeProvider로 감싸주기

return (
  <ThemeProvider theme={theme}>
    <Inner>
      {/* ... */}
    </Inner>
  </ThemeProvider>
);