Improve common style for dialogs

src/components/NotAuthenticated.tsx

@@ -779,17 +779,10 @@ export const NotAuthenticated = ({
           aria-labelledby="alert-dialog-title"
           aria-describedby="alert-dialog-description"
           fullWidth
-          sx={{
-            backgroundColor: theme.palette.background.paper,
-            color: theme.palette.text.primary,
-            borderRadius: '10px',
-          }}
         >
           <DialogTitle
             id="alert-dialog-title"
             sx={{
-              backgroundColor: theme.palette.background.paper,
-              color: theme.palette.text.primary,
               fontWeight: 'bold',
               opacity: 1,
               textAlign: 'center',
@@ -798,12 +791,7 @@ export const NotAuthenticated = ({
             {t('auth:node.custom_many', { postProcess: 'capitalizeAll' })}
           </DialogTitle>
 
-          <DialogContent
+          <DialogContent>
-            sx={{
-              backgroundColor: theme.palette.background.paper,
-              color: theme.palette.text.primary,
-            }}
-          >
             <Box
               sx={{
                 display: 'flex',
@@ -1017,12 +1005,7 @@ export const NotAuthenticated = ({
             </Box>
           </DialogContent>
 
-          <DialogActions
+          <DialogActions>
-            sx={{
-              backgroundColor: theme.palette.background.paper,
-              color: theme.palette.text.primary,
-            }}
-          >
             {mode === 'list' && (
               <Button variant="contained" onClick={addCustomNode}>
                 {t('core:action.add', { postProcess: 'capitalizeFirstChar' })}

src/components/Theme/ThemeManager.tsx

@@ -306,7 +306,6 @@ export default function ThemeManager() {
         <DialogTitle
           sx={{
             textAlign: 'center',
-            color: theme.palette.text.primary,
             fontWeight: 'bold',
             opacity: 1,
           }}

src/i18n/locales/it/core.json

@@ -364,7 +364,7 @@
     "default": "tema di default",
     "light": "chiaro",
     "light_mode": "modalità chiara",
-    "manager": "manager tema",
+    "manager": "gestore del tema",
     "name": "nome tema"
   },
   "thread": "thread",

src/styles/theme-common.ts

@@ -76,7 +76,26 @@ const commonThemeOptions = {
     MuiDialog: {
       styleOverrides: {
         paper: {
-          backgroundImage: 'none',
+          backgroundColor: 'background.paper',
+          color: 'text.primary',
+        },
+      },
+    },
+
+    MuiDialogTitle: {
+      styleOverrides: {
+        root: {
+          backgroundColor: 'inherit',
+          color: 'inherit',
+        },
+      },
+    },
+
+    MuiDialogContent: {
+      styleOverrides: {
+        root: {
+          backgroundColor: 'inherit',
+          color: 'inherit',
         },
       },
     },