| import { createTheme } from '@mui/material' |
|
|
| export const theme = createTheme({ |
| palette: { |
| mode: 'light', |
| primary: { |
| main: '#2563eb', |
| light: '#3b82f6', |
| dark: '#1d4ed8', |
| }, |
| secondary: { |
| main: '#7c3aed', |
| light: '#8b5cf6', |
| dark: '#6d28d9', |
| }, |
| background: { |
| default: '#f8fafc', |
| paper: '#ffffff', |
| }, |
| text: { |
| primary: '#1e293b', |
| secondary: '#475569', |
| }, |
| grey: { |
| 50: '#f8fafc', |
| 100: '#f1f5f9', |
| 200: '#e2e8f0', |
| 300: '#cbd5e1', |
| 800: '#1e293b', |
| } |
| }, |
| shape: { |
| borderRadius: 12, |
| }, |
| typography: { |
| fontFamily: 'var(--font-geist-sans)', |
| h1: { |
| fontSize: '2.5rem', |
| fontWeight: 700, |
| color: '#1e293b', |
| }, |
| h6: { |
| fontSize: '1.125rem', |
| fontWeight: 500, |
| color: '#475569', |
| } |
| }, |
| components: { |
| MuiButton: { |
| styleOverrides: { |
| root: { |
| textTransform: 'none', |
| padding: '12px 24px', |
| boxShadow: 'none', |
| '&:hover': { |
| boxShadow: 'none', |
| } |
| }, |
| }, |
| }, |
| MuiTextField: { |
| styleOverrides: { |
| root: { |
| '& .MuiOutlinedInput-root': { |
| backgroundColor: '#f8fafc', |
| } |
| } |
| } |
| }, |
| MuiPaper: { |
| styleOverrides: { |
| root: { |
| boxShadow: '0 1px 3px 0 rgb(0 0 0 / 0.1), 0 1px 2px -1px rgb(0 0 0 / 0.1)', |
| } |
| } |
| } |
| }, |
| }) |
