Fix modal background colour (#252)

The background colour of modals was previously not properly standardised. This fixes that.
MetaMask · Dec 8, 2023 · cc412cd · cc412cd
1 parent 4cc1963
commit cc412cd
Show file tree

Hide file tree

Showing 2 changed files with 4 additions and 4 deletions.
diff --git a/src/theme/components/modal.ts b/src/theme/components/modal.ts
@@ -7,15 +7,15 @@ const { definePartsStyle, defineMultiStyleConfig } =
 export const Modal = defineMultiStyleConfig({
   baseStyle: definePartsStyle({
     dialog: {
-      bg: 'chakra-body-bg',
+      backgroundColor: 'background.default',
     },
   }),
 
   variants: {
     minimal: definePartsStyle({
       dialog: {
+        backgroundColor: 'background.default',
         padding: '6',
-        background: 'chakra-body-bg',
         borderRadius: '3xl',
       },
 

diff --git a/src/theme/index.test.ts b/src/theme/index.test.ts
@@ -170,7 +170,7 @@ describe('theme', () => {
           "Modal": Object {
             "baseStyle": Object {
               "dialog": Object {
-                "bg": "chakra-body-bg",
+                "backgroundColor": "background.default",
               },
             },
             "parts": Array [
@@ -188,7 +188,7 @@ describe('theme', () => {
                   "padding": "0",
                 },
                 "dialog": Object {
-                  "background": "chakra-body-bg",
+                  "backgroundColor": "background.default",
                   "borderRadius": "3xl",
                   "padding": "6",
                 },