77 lines
1.2 KiB
JavaScript
77 lines
1.2 KiB
JavaScript
// src/main.jsx
|
|
|
|
import React from 'react';
|
|
import ReactDOM from 'react-dom/client';
|
|
|
|
import { ThemeProvider, createTheme } from '@mui/material/styles';
|
|
import { CssBaseline } from '@mui/material';
|
|
|
|
import App from './App'
|
|
|
|
const theme = createTheme({
|
|
palette: {
|
|
mode: 'light',
|
|
|
|
primary: {
|
|
main: '#2563eb'
|
|
},
|
|
|
|
background: {
|
|
default: '#f8fafc'
|
|
}
|
|
},
|
|
|
|
shape: {
|
|
borderRadius: 12
|
|
},
|
|
|
|
typography: {
|
|
fontFamily:
|
|
'"Inter", "Roboto", "Helvetica", "Arial", sans-serif',
|
|
|
|
h5: {
|
|
fontWeight: 700
|
|
},
|
|
|
|
button: {
|
|
textTransform: 'none',
|
|
fontWeight: 600
|
|
}
|
|
},
|
|
|
|
components: {
|
|
MuiPaper: {
|
|
styleOverrides: {
|
|
root: {
|
|
borderRadius: 16
|
|
}
|
|
}
|
|
},
|
|
|
|
MuiButton: {
|
|
styleOverrides: {
|
|
root: {
|
|
borderRadius: 10,
|
|
paddingInline: 16
|
|
}
|
|
}
|
|
},
|
|
|
|
MuiOutlinedInput: {
|
|
styleOverrides: {
|
|
root: {
|
|
borderRadius: 12
|
|
}
|
|
}
|
|
}
|
|
}
|
|
});
|
|
|
|
ReactDOM.createRoot(document.getElementById('root')).render(
|
|
<React.StrictMode>
|
|
<ThemeProvider theme={theme}>
|
|
<CssBaseline />
|
|
<App />
|
|
</ThemeProvider>
|
|
</React.StrictMode>
|
|
); |