@brightlayer-ui/react-themes/componentStylesOverrides/MuiStep.js

React themes for Brightlayer UI applications

import { BLUIColors } from '@brightlayer-ui/colors';
export default {
    styleOverrides: {
        root: ({ theme }) => ({
            '&.Mui-completed': {
                '& .MuiStepLabel-iconContainer:before': {
                    content: '""',
                    position: 'absolute',
                    display: 'block',
                    top: '5%',
                    right: '5%',
                    bottom: '5%',
                    left: '5%',
                    backgroundColor: theme.vars.palette.background.paper,
                    borderRadius: '50%',
                },
            },
            ...theme.applyStyles('dark', {
                '&.Mui-completed': {
                    '& .MuiStepLabel-iconContainer:before': {
                        content: '""',
                        position: 'absolute',
                        display: 'block',
                        top: '5%',
                        right: '5%',
                        bottom: '5%',
                        left: '5%',
                        backgroundColor: BLUIColors.white[50],
                        borderRadius: '50%',
                    },
                },
            }),
        }),
    },
};