Merge pull request #888 from getmaxun/ui-modals

fix: match generic modal with theme

src/components/dashboard/MainMenu.tsx

@@ -165,7 +165,7 @@ export const MainMenu = ({ value = 'robots', handleChangeContent }: MainMenuProp
         </Box>
       </Paper>
       <Modal open={sponsorModalOpen} onClose={() => setSponsorModalOpen(false)}>
-        <Box sx={{ position: 'absolute', top: '50%', left: '50%', transform: 'translate(-50%, -50%)', bgcolor: 'background.paper', borderRadius: 2, p: 4, width: 600 }}>
+        <Box sx={{ position: 'absolute', top: '50%', left: '50%', transform: 'translate(-50%, -50%)', bgcolor: 'rgba(13, 13, 13, 1)', borderRadius: 2, p: 4, width: 600 }}>
           <Typography variant="h6" marginBottom={4}>
             Support Maxun Open Source
           </Typography>

src/components/ui/GenericModal.tsx

@@ -34,7 +34,7 @@ const defaultModalStyle = {
   left: '50%',
   transform: 'translate(-50%, -50%)',
   width: 1000,
-  bgcolor: 'background.paper',
+  bgcolor: 'rgba(13, 13, 13, 1)',
   boxShadow: 24,
   p: 4,
   height: '50%',