Change Css Property based On light and Dark Mode In MUI React Framework

check the mode inside of the theme object and use a ternary: heading: { color: theme.palette.text.primary, fontSize: theme.palette.mode === ‘light’ ? ’20px’ : ‘118px’, },