From 8f6ecb22ec04d868ed66fb2aca3240607af3939c Mon Sep 17 00:00:00 2001
From: Nicola Benaglia <nico.benaz@gmail.com>
Date: Thu, 19 Jun 2025 08:16:00 +0200
Subject: [PATCH] Refactor style

---
 src/components/NotAuthenticated.tsx | 11 +++--------
 src/styles/theme-common.ts          |  8 ++++++++
 src/styles/theme-dark.ts            | 11 ++++++++---
 src/styles/theme-light.ts           | 11 ++++++++---
 4 files changed, 27 insertions(+), 14 deletions(-)

diff --git a/src/components/NotAuthenticated.tsx b/src/components/NotAuthenticated.tsx
index c382642..b3b2dd4 100644
--- a/src/components/NotAuthenticated.tsx
+++ b/src/components/NotAuthenticated.tsx
@@ -783,13 +783,11 @@ export const NotAuthenticated = ({
             id="alert-dialog-title"
             sx={{
               textAlign: 'center',
-              color: theme.palette.text.primary,
               fontWeight: 'bold',
               opacity: 1,
             }}
           >
-            {t('auth:node.custom_many', { postProcess: 'capitalizeFirstChar' })}
-            :
+            {t('auth:node.custom_many', { postProcess: 'capitalizeAll' })}
           </DialogTitle>
 
           <DialogContent>
@@ -819,7 +817,6 @@ export const NotAuthenticated = ({
                   >
                     <Typography
                       sx={{
-                        color: theme.palette.text.primary,
                         fontSize: '14px',
                       }}
                     >
@@ -828,10 +825,10 @@ export const NotAuthenticated = ({
 
                     <Box
                       sx={{
+                        alignItems: 'center',
                         display: 'flex',
                         gap: '10px',
                         justifyContent: 'space-between',
-                        alignItems: 'center',
                       }}
                     >
                       <Button
@@ -885,7 +882,6 @@ export const NotAuthenticated = ({
                       >
                         <Typography
                           sx={{
-                            color: theme.palette.text.primary,
                             fontSize: '14px',
                           }}
                         >
@@ -978,10 +974,10 @@ export const NotAuthenticated = ({
               {mode === 'add-node' && (
                 <Box
                   sx={{
+                    alignItems: 'center',
                     display: 'flex',
                     gap: '10px',
                     justifyContent: 'space-between',
-                    alignItems: 'center',
                   }}
                 >
                   <Input
@@ -1071,7 +1067,6 @@ export const NotAuthenticated = ({
             id="alert-dialog-title"
             sx={{
               textAlign: 'center',
-              color: theme.palette.text.primary,
               fontWeight: 'bold',
               opacity: 1,
             }}
diff --git a/src/styles/theme-common.ts b/src/styles/theme-common.ts
index aca2522..8d2b09d 100644
--- a/src/styles/theme-common.ts
+++ b/src/styles/theme-common.ts
@@ -80,6 +80,14 @@ const commonThemeOptions = {
         },
       },
     },
+
+    MuiPopover: {
+      styleOverrides: {
+        paper: {
+          backgroundImage: 'none',
+        },
+      },
+    },
   },
 };
 
diff --git a/src/styles/theme-dark.ts b/src/styles/theme-dark.ts
index e64654c..46e857d 100644
--- a/src/styles/theme-dark.ts
+++ b/src/styles/theme-dark.ts
@@ -116,16 +116,21 @@ export const darkThemeOptions: ThemeOptions = {
 
     MuiDialog: {
       styleOverrides: {
+        root: {
+          backgroundColor: 'rgb(77, 80, 85)',
+          color: 'rgb(255, 255, 255)',
+        },
         paper: {
           backgroundImage: 'none',
         },
       },
     },
 
-    MuiPopover: {
+    MuiPaper: {
       styleOverrides: {
-        paper: {
-          backgroundImage: 'none',
+        root: {
+          backgroundColor: 'rgb(77, 80, 85)',
+          color: 'rgb(255, 255, 255)',
         },
       },
     },
diff --git a/src/styles/theme-light.ts b/src/styles/theme-light.ts
index 3cfbdae..1efd857 100644
--- a/src/styles/theme-light.ts
+++ b/src/styles/theme-light.ts
@@ -118,16 +118,21 @@ export const lightThemeOptions: ThemeOptions = {
 
     MuiDialog: {
       styleOverrides: {
+        root: {
+          backgroundColor: 'rgb(220, 220, 220)',
+          color: 'rgba(0, 0, 0, 0.87)',
+        },
         paper: {
           backgroundImage: 'none',
         },
       },
     },
 
-    MuiPopover: {
+    MuiPaper: {
       styleOverrides: {
-        paper: {
-          backgroundImage: 'none',
+        root: {
+          backgroundColor: 'rgb(220, 220, 220)',
+          color: 'rgba(0, 0, 0, 0.87)',
         },
       },
     },