2024-02-18 01:44:48 -05:00

68 lines
1.4 KiB
TypeScript

// ** Theme Type Import
import { Theme } from '@mui/material/styles'
const Typography = (theme: Theme) => {
return {
h1: {
fontWeight: 500,
letterSpacing: '-1.5px',
color: theme.palette.text.primary
},
h2: {
fontWeight: 500,
letterSpacing: '-0.5px',
color: theme.palette.text.primary
},
h3: {
fontWeight: 500,
letterSpacing: 0,
color: theme.palette.text.primary
},
h4: {
fontWeight: 500,
letterSpacing: '0.25px',
color: theme.palette.text.primary
},
h5: {
fontWeight: 500,
letterSpacing: 0,
color: theme.palette.text.primary
},
h6: {
letterSpacing: '0.15px',
color: theme.palette.text.primary
},
subtitle1: {
letterSpacing: '0.15px',
color: theme.palette.text.primary
},
subtitle2: {
letterSpacing: '0.1px',
color: theme.palette.text.secondary
},
body1: {
letterSpacing: '0.15px',
color: theme.palette.text.primary
},
body2: {
lineHeight: 1.5,
letterSpacing: '0.15px',
color: theme.palette.text.secondary
},
button: {
letterSpacing: '0.3px',
color: theme.palette.text.primary
},
caption: {
letterSpacing: '0.4px',
color: theme.palette.text.secondary
},
overline: {
letterSpacing: '1px',
color: theme.palette.text.secondary
}
}
}
export default Typography