Styles

src/components/Dialog/index.tsx

@@ -62,9 +62,10 @@ export function Outer({
         {...sheetOptions}
         ref={sheet}
         index={-1}
-        backgroundStyle={{backgroundColor: t.atoms.bg.backgroundColor}}
+        backgroundStyle={{backgroundColor: 'transparent'}}
         backdropComponent={props => (
           <BottomSheetBackdrop
+            opacity={0.4}
             appearsOnIndex={0}
             disappearsOnIndex={-1}
             {...props}

src/components/Dialog/index.web.tsx

@@ -90,8 +90,7 @@ export function Outer({
                     style={[
                       web(a.fixed),
                       a.inset_0,
-                      t.atoms.bg,
+                      {opacity: 0.5, backgroundColor: t.palette.black},
-                      {opacity: 0.8},
                     ]}
                   />
                 )}