| |
| |
| |
| |
|
|
| export default function themeTypography(theme) { |
| return { |
| fontFamily: theme?.customization?.fontFamily, |
| h6: { |
| fontWeight: 500, |
| color: theme.heading, |
| fontSize: '0.75rem' |
| }, |
| h5: { |
| fontSize: '0.875rem', |
| color: theme.heading, |
| fontWeight: 500 |
| }, |
| h4: { |
| fontSize: '1rem', |
| color: theme.heading, |
| fontWeight: 600 |
| }, |
| h3: { |
| fontSize: '1.25rem', |
| color: theme.heading, |
| fontWeight: 600 |
| }, |
| h2: { |
| fontSize: '1.5rem', |
| color: theme.heading, |
| fontWeight: 700 |
| }, |
| h1: { |
| fontSize: '2.125rem', |
| color: theme.heading, |
| fontWeight: 700 |
| }, |
| subtitle1: { |
| fontSize: '0.875rem', |
| fontWeight: 500, |
| color: theme.textDark |
| }, |
| subtitle2: { |
| fontSize: '0.75rem', |
| fontWeight: 400, |
| color: theme.darkTextSecondary |
| }, |
| caption: { |
| fontSize: '0.75rem', |
| color: theme.darkTextSecondary, |
| fontWeight: 400 |
| }, |
| body1: { |
| fontSize: '0.875rem', |
| fontWeight: 400, |
| lineHeight: '1.334em' |
| }, |
| body2: { |
| letterSpacing: '0em', |
| fontWeight: 400, |
| lineHeight: '1.5em', |
| color: theme.darkTextPrimary |
| }, |
| button: { |
| textTransform: 'capitalize' |
| }, |
| customInput: { |
| marginTop: 1, |
| marginBottom: 1, |
| '& > label': { |
| top: 23, |
| left: 0, |
| color: theme.grey500, |
| '&[data-shrink="false"]': { |
| top: 5 |
| } |
| }, |
| '& > div > input': { |
| padding: '30.5px 14px 11.5px !important' |
| }, |
| '& legend': { |
| display: 'none' |
| }, |
| '& fieldset': { |
| top: 0 |
| } |
| }, |
| mainContent: { |
| backgroundColor: theme.background, |
| width: '100%', |
| minHeight: 'calc(100vh - 75px)', |
| flexGrow: 1, |
| padding: '20px', |
| marginTop: '75px', |
| marginRight: '20px', |
| borderRadius: `${theme?.customization?.borderRadius}px` |
| }, |
| menuCaption: { |
| fontSize: '0.875rem', |
| fontWeight: 500, |
| color: theme.heading, |
| padding: '6px', |
| textTransform: 'capitalize', |
| marginTop: '10px' |
| }, |
| subMenuCaption: { |
| fontSize: '0.6875rem', |
| fontWeight: 500, |
| color: theme.darkTextSecondary, |
| textTransform: 'capitalize' |
| }, |
| commonAvatar: { |
| cursor: 'pointer', |
| borderRadius: '8px' |
| }, |
| smallAvatar: { |
| width: '22px', |
| height: '22px', |
| fontSize: '1rem' |
| }, |
| mediumAvatar: { |
| width: '34px', |
| height: '34px', |
| fontSize: '1.2rem' |
| }, |
| largeAvatar: { |
| width: '44px', |
| height: '44px', |
| fontSize: '1.5rem' |
| } |
| } |
| } |
|
|
