import { varAlpha } from 'minimal-shared/utils';
<Box
sx={{
color: 'primary.main',
boxShadow: `-80px 80px 80px ${varAlpha(theme.vars.palette.grey['500Channel'], 0.48)}`,
...theme.applyStyles('dark', {
color: 'primary.light',
boxShadow: `-80px 80px 80px ${varAlpha(theme.vars.palette.common.blackChannel, 0.24)}`,
}),
}}
>
Box
</Box>