about dialog updated

web/src/components/CloseServer.jsx

@@ -3,9 +3,6 @@ import { Button, Dialog, DialogActions, DialogTitle, ListItem, ListItemIcon, Lis
 import { PowerSettingsNew as PowerSettingsNewIcon } from '@material-ui/icons'
 import { shutdownHost } from 'utils/Hosts'
 import { useTranslation } from 'react-i18next'
-import { ThemeProvider } from '@material-ui/core/styles'
-
-import { lightTheme } from '../style/materialUISetup'
 
 export default function CloseServer({ isOffline, isLoading }) {
   const { t } = useTranslation()
@@ -23,28 +20,26 @@ export default function CloseServer({ isOffline, isLoading }) {
         <ListItemText primary={t('CloseServer')} />
       </ListItem>
 
-      <ThemeProvider theme={lightTheme}>
-        <Dialog open={open} onClose={closeDialog}>
-          <DialogTitle>{t('CloseServer?')}</DialogTitle>
-          <DialogActions>
-            <Button variant='outlined' onClick={closeDialog} color='primary'>
-              {t('Cancel')}
-            </Button>
+      <Dialog open={open} onClose={closeDialog}>
+        <DialogTitle>{t('CloseServer?')}</DialogTitle>
+        <DialogActions>
+          <Button variant='outlined' onClick={closeDialog} color='secondary'>
+            {t('Cancel')}
+          </Button>
 
-            <Button
-              variant='contained'
-              onClick={() => {
-                fetch(shutdownHost())
-                closeDialog()
-              }}
-              color='primary'
-              autoFocus
-            >
-              {t('TurnOff')}
-            </Button>
-          </DialogActions>
-        </Dialog>
-      </ThemeProvider>
+          <Button
+            variant='contained'
+            onClick={() => {
+              fetch(shutdownHost())
+              closeDialog()
+            }}
+            color='secondary'
+            autoFocus
+          >
+            {t('TurnOff')}
+          </Button>
+        </DialogActions>
+      </Dialog>
     </>
   )
 }