Readur/frontend/src/theme.ts

66 lines
1.1 KiB
TypeScript

import { createTheme } from '@mui/material/styles';
const theme = createTheme({
palette: {
primary: {
main: '#667eea',
light: '#9bb5ff',
dark: '#304ffe',
},
secondary: {
main: '#764ba2',
light: '#a777d9',
dark: '#4c1e74',
},
background: {
default: '#fafafa',
},
},
typography: {
fontFamily: [
'-apple-system',
'BlinkMacSystemFont',
'"Segoe UI"',
'Roboto',
'"Helvetica Neue"',
'Arial',
'sans-serif',
].join(','),
h4: {
fontWeight: 600,
},
h5: {
fontWeight: 600,
},
h6: {
fontWeight: 600,
},
},
components: {
MuiButton: {
styleOverrides: {
root: {
textTransform: 'none',
borderRadius: 8,
},
},
},
MuiCard: {
styleOverrides: {
root: {
borderRadius: 12,
boxShadow: '0 2px 8px rgba(0,0,0,0.1)',
},
},
},
MuiPaper: {
styleOverrides: {
root: {
borderRadius: 8,
},
},
},
},
});
export default theme;