How To Change Css Property based On light and Dark Mode In MUI React Framework? – Guide #2023

Byadmin November 21, 2022December 1, 2022

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',
    },