Fix text dark mode color

robertying · May 6, 2020 · c1e2747 · c1e2747
1 parent 932c79a
commit c1e2747
Show file tree

Hide file tree

Showing 2 changed files with 14 additions and 4 deletions.
diff --git a/src/components/FileCard.tsx b/src/components/FileCard.tsx
@@ -97,7 +97,11 @@ const FileCard: React.FC<IFileCardProps> = (props) => {
             ellipsizeMode="tail">
             {title}
           </Text>
-          <Text style={[{fontSize: 13}, styles.icon]}>
+          <Text
+            style={[
+              {fontSize: 13, color: Colors.system('foreground', colorScheme)},
+              styles.icon,
+            ]}>
             {(extension ? extension.toUpperCase() + ' ' : '') + size}
           </Text>
           {markedImportant && (

diff --git a/src/screens/FilePreviewScreen.tsx b/src/screens/FilePreviewScreen.tsx
@@ -269,7 +269,9 @@ const FilePreviewScreen: INavigationScreen<IFilePreviewScreenProps> = (
                   size={50}
                   onPress={() => listener({buttonId: 'refresh'}) as any}
                 />
-                <Text>{getTranslation('refresh')}</Text>
+                <Text style={{color: Colors.system('foreground', colorScheme)}}>
+                  {getTranslation('refresh')}
+                </Text>
               </View>
               <View style={styles.button}>
                 <IconButton
@@ -279,7 +281,9 @@ const FilePreviewScreen: INavigationScreen<IFilePreviewScreenProps> = (
                   size={50}
                   onPress={() => listener({buttonId: 'open'}) as any}
                 />
-                <Text>{getTranslation('open')}</Text>
+                <Text style={{color: Colors.system('foreground', colorScheme)}}>
+                  {getTranslation('open')}
+                </Text>
               </View>
             </View>
           </View>
@@ -354,7 +358,9 @@ const FilePreviewScreen: INavigationScreen<IFilePreviewScreenProps> = (
                     Linking.openURL(filePath);
                   }}
                 />
-                <Text>{getTranslation('open')}</Text>
+                <Text style={{color: Colors.system('foreground', colorScheme)}}>
+                  {getTranslation('open')}
+                </Text>
               </View>
             </View>
           </View>