From fd7aadf367cb9c6362797345d0d83c79b369739c Mon Sep 17 00:00:00 2001
From: Nicola Benaglia <nico.benaz@gmail.com>
Date: Fri, 20 Jun 2025 16:10:34 +0200
Subject: [PATCH] Improve common style for dialogs

---
 src/components/NotAuthenticated.tsx   | 21 ++-------------------
 src/components/Theme/ThemeManager.tsx |  1 -
 src/i18n/locales/it/core.json         |  2 +-
 src/styles/theme-common.ts            | 21 ++++++++++++++++++++-
 4 files changed, 23 insertions(+), 22 deletions(-)

diff --git a/src/components/NotAuthenticated.tsx b/src/components/NotAuthenticated.tsx
index a80d467..c3ec233 100644
--- a/src/components/NotAuthenticated.tsx
+++ b/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
-            sx={{
-              backgroundColor: theme.palette.background.paper,
-              color: theme.palette.text.primary,
-            }}
-          >
+          <DialogContent>
             <Box
               sx={{
                 display: 'flex',
@@ -1017,12 +1005,7 @@ export const NotAuthenticated = ({
             </Box>
           </DialogContent>
 
-          <DialogActions
-            sx={{
-              backgroundColor: theme.palette.background.paper,
-              color: theme.palette.text.primary,
-            }}
-          >
+          <DialogActions>
             {mode === 'list' && (
               <Button variant="contained" onClick={addCustomNode}>
                 {t('core:action.add', { postProcess: 'capitalizeFirstChar' })}
diff --git a/src/components/Theme/ThemeManager.tsx b/src/components/Theme/ThemeManager.tsx
index d5e3087..f5d89f3 100644
--- a/src/components/Theme/ThemeManager.tsx
+++ b/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,
           }}
diff --git a/src/i18n/locales/it/core.json b/src/i18n/locales/it/core.json
index 9e3b6f5..eef88d6 100644
--- a/src/i18n/locales/it/core.json
+++ b/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",
diff --git a/src/styles/theme-common.ts b/src/styles/theme-common.ts
index 9682514..cb7ac59 100644
--- a/src/styles/theme-common.ts
+++ b/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',
         },
       },
     },