fix(modal): body background

Signed-off-by: Sudhanshu Dasgupta <[email protected]>
layer5io · May 15, 2024 · 65ea0f7 · 65ea0f7
1 parent c67d2d0
commit 65ea0f7
Show file tree

Hide file tree

Showing 2 changed files with 8 additions and 3 deletions.
diff --git a/src/custom/Modal/index.tsx b/src/custom/Modal/index.tsx
@@ -101,7 +101,7 @@ export const useModal = ({ headerIcon }: { headerIcon: React.ReactNode }): UseMo
 
 export const ModalBody = styled(Paper)(({ theme }) => ({
   padding: '1rem',
-  backgroundColor: theme.palette.background.constant?.white
+  backgroundColor: theme.palette.background.surfaces
 }));
 
 const StyledFooter = styled('div', {

diff --git a/src/theme/palette.ts b/src/theme/palette.ts
@@ -42,6 +42,7 @@ declare module '@mui/material/styles' {
     warning?: Interactiveness;
     error?: Interactiveness;
     code?: string;
+    surfaces?: string;
   }
 
   // Defines the extended text color options used in the palette.
@@ -95,6 +96,7 @@ declare module '@mui/material/styles' {
     strong?: string;
     normal?: string;
     disabled?: string;
+    surfaces?: string;
   }
 
   // Defines the simple palette color options.
@@ -126,6 +128,7 @@ declare module '@mui/material/styles' {
     strong?: string;
     normal?: string;
     disabled?: string;
+    surfaces?: string;
   }
 
   /* Defines the palette containing border and icon color options.
@@ -250,7 +253,8 @@ export const lightModePalette: PaletteOptions = {
     constant: {
       white: Colors.accentGrey[100],
       disabled: Colors.charcoal[70]
-    }
+    },
+    surfaces: Colors.accentGrey[100]
   },
   text: {
     default: Colors.charcoal[10],
@@ -362,7 +366,8 @@ export const darkModePalette: PaletteOptions = {
     constant: {
       white: Colors.accentGrey[100],
       disabled: Colors.charcoal[70]
-    }
+    },
+    surfaces: Colors.accentGrey[10]
   },
   text: {
     default: Colors.charcoal[100],