Fix Theme for Comment Modal

src/screens/News/NewsDetailPage.js

@@ -21,7 +21,11 @@ import {
   getRecommendationByArticleID,
 } from '../../api/data';
 import LoadingScreen from '../../components/organisms/Sections/LoadingScreen';
-import {getTimestamp, navigateToArticle, useConstructor} from '../../constants/functions';
+import {
+  getTimestamp,
+  navigateToArticle,
+  useConstructor,
+} from '../../constants/functions';
 import fonts from '../../constants/fonts';
 import BookmarkButton from '../../components/atoms/Buttons/BookmarkButton';
 import ShareButton from '../../components/atoms/Buttons/ShareButton';
@@ -260,15 +264,25 @@ const NewsDetailPage = props => {
                 ref={bottomSheetModalRef}
                 index={1}
                 snapPoints={snapPoints}
-                onChange={handleSheetChanges}>
+                onChange={handleSheetChanges}
+                backgroundStyle={{
+                  backgroundColor: colors().dominant,
+                  minHeight: '100%',
+                }}
+                handleStyle={{
+                  backgroundColor: colors().dominant_variant,
+                  
+                }}>
                 <BottomSheetScrollView>
                   <BottomSheetView
-                    style={{paddingHorizontal: horizontalScale(24)}}>
+                    style={{
+                      paddingHorizontal: horizontalScale(24),
+                    }}>
                     <BottomSheetView style={styles.commentInputContainer}>
                       <Text
                         style={{
                           fontFamily: fonts.type.semibold,
-                          color: colors.black,
+                          color: colors().recessive,
                           fontSize: moderateScale(16),
                         }}>
                         Comments
@@ -322,7 +336,6 @@ const NewsDetailPage = props => {
               image={{uri: item.cover_image}}
               headline={item.title}
               onPress={() => navigateToArticle(navigation, item.id, item.slug)}
-              
             />
           ))}
         </ScrollView>