Fix/ modal bg color (#2058)

Author: lidord-wix

src/components/modal/TopBar.tsx

@@ -170,7 +170,7 @@ class TopBar extends Component<ModalTopBarProps> {
             {this.renderLeftButtons()}
           </View>
           <View row flex-3 bottom centerH centerV>
-            <Text accessible={!!title} numberOfLines={1} text70 style={[styles.title, titleStyle]}>
+            <Text $textDefault accessible={!!title} numberOfLines={1} text70 style={[styles.title, titleStyle]}>
               {title}
             </Text>
           </View>

src/components/modal/index.tsx

@@ -14,7 +14,6 @@ import {BlurViewPackage} from '../../optionalDependencies';
 import {Constants, asBaseComponent} from '../../commons/new';
 import TopBar, {ModalTopBarProps} from './TopBar';
 import View from '../../components/view';
-import Colors from '../../style/colors';
 
 const BlurView = BlurViewPackage?.BlurView;
 
@@ -144,8 +143,7 @@ const styles = StyleSheet.create({
     ...StyleSheet.absoluteFillObject
   },
   fill: {
-    flex: 1,
-    backgroundColor: Colors.$backgroundDefault
+    flex: 1
   },
   accessibleOverlayView: {
     height: 50,

src/components/picker/PickerItemsList.tsx

@@ -60,7 +60,7 @@ const PickerItemsList = (props: PickerItemsListProps) => {
   [children]);
 
   return (
-    <View flex useSafeArea={useSafeArea}>
+    <View bg-$backgroundDefault flex useSafeArea={useSafeArea}>
       <Modal.TopBar {...topBarProps}/>
       {renderSearchInput()}