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

React themes for Brightlayer UI applications

import * as BLUIColors from '@brightlayer-ui/colors';
export default {
    styleOverrides: {
        root: ({ theme }) => ({
            color: BLUIColors.blue[200],
            '&.Mui-selected': {
                color: BLUIColors.white[50],
                '& .MuiBottomNavigationAction-label': {
                    fontSize: '0.75rem',
                    fontWeight: 600,
                },
            },
            ...theme.applyStyles('dark', {
                '&.Mui-selected': {
                    color: BLUIColors.blue[200],
                    '& .MuiBottomNavigationAction-label': {
                        fontSize: '0.75rem',
                        fontWeight: 600,
                    },
                },
                '&:not(.Mui-selected)': {
                    color: BLUIColors.black[200],
                    '& .MuiBottomNavigationAction-label': {
                        color: BLUIColors.black[50],
                    },
                },
            }),
        }),
    },
};