<MuiThemeProvider theme={currentTheme}>
    <MuiThemeProvider theme={currentTheme1}>
      <DarkModeProvider>
      <CssBaseline />
        <LocationProvider >
        <NavBar />
          <PageContent>
            <Routes/>
          </PageContent>
        </LocationProvider>
      </DarkModeProvider>
    </MuiThemeProvider>
  </MuiThemeProvider>

const { isDarkMode, toggleTheme } = useContext(ThemeContext);

       <MenuItem style={isDarkMode ? {backgroundColor: '#1565c0'} :
            {backgroundColor: '#343a40'}}
            className={classes.menuItemDisplay} onClick=
            {handleClose}>Profile</MenuItem>
        <MenuItem style={isDarkMode ? {backgroundColor: '#1565c0'} :
            {backgroundColor: '#343a40'}}
        <Paper style={isDarkMode ? {backgroundColor:
         '#1565c0',height:'100vh'} :  {backgroundColor:
         '#343a40',height:'100vh'}}>