@selfcommunity/react-theme-default/lib/esm/components/SCNavigationSettingsIconButton.js

Default theme to use with SelfCommunity TS library

const Component = {
    styleOverrides: {
        menuRoot: ({ theme }) => ({
            '& .SCNavigationSettingsIconButton-paper': {
                maxWidth: 400,
                padding: theme.spacing(2),
                '& .MuiList-root': {
                    padding: 0
                }
            },
            '& .SCNavigationSettingsIconButton-item': {
                color: theme.palette.getContrastText(theme.palette.background.default),
                '& .MuiListItemIcon-root': {
                    marginLeft: theme.spacing(0.5),
                    marginBottom: theme.spacing(0.5),
                    color: theme.palette.secondary.main
                }
            }
        }),
        drawerRoot: ({ theme }) => ({
            '& .SCNavigationSettingsIconButton-item .MuiListItemIcon-root': {
                marginLeft: theme.spacing(0.5),
                marginBottom: theme.spacing(0.5),
                color: theme.palette.secondary.main
            }
        })
    }
};
export default Component;