Skip to content

Instantly share code, notes, and snippets.

@salemhilal
Created March 3, 2023 17:26
Show Gist options
  • Save salemhilal/05531538360fdd5075a6c184c3b76b3b to your computer and use it in GitHub Desktop.
Save salemhilal/05531538360fdd5075a6c184c3b76b3b to your computer and use it in GitHub Desktop.
diff --git a/src/components/core/modal/OctaneModal.tsx b/src/components/core/modal/OctaneModal.tsx
index 1c9b5ca9..cecbd51a 100644
--- a/src/components/core/modal/OctaneModal.tsx
+++ b/src/components/core/modal/OctaneModal.tsx
@@ -62,7 +62,7 @@ export const OctaneModal = (props: Props) => {
return (
<Modal motionPreset="slideInBottom" scrollBehavior="inside" {...modalProps}>
- <ModalOverlay bg={theme.colors.bgModalOverlay} />
+ <ModalOverlay />
<ModalContent
px={5}
py={5}
diff --git a/src/theme/octane-components.ts b/src/theme/octane-components.ts
index deaecc91..bebbcb88 100644
--- a/src/theme/octane-components.ts
+++ b/src/theme/octane-components.ts
@@ -21,6 +21,9 @@ export const components: ThemeComponents = {
},
Modal: {
baseStyle: {
+ overlay: {
+ bg: colors.bgModalOverlay,
+ },
bg: colors.bgModal,
},
},
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment