Tune the empty state visuals

2023-01-19 10:50:21 -06:00
parent 8da491cc3b
commit 83ca9059fa
2 changed files with 9 additions and 5 deletions
@@ -25,11 +25,13 @@ export function EmptyState({
          <FontAwesomeIcon
            icon={icon}
            size={64}
-            style={[styles.icon, pal.textLight]}
+            style={[styles.icon, {color: pal.colors.emptyStateIcon}]}
          />
        )}
      </View>
-      <Text type="xl" style={[pal.textLight, styles.text]}>
+      <Text
+        type="xl-medium"
+        style={[{color: pal.colors.textVeryLight}, styles.text]}>
        {message}
      </Text>
    </View>
@@ -50,6 +52,6 @@ const styles = StyleSheet.create({
  },
  text: {
    textAlign: 'center',
-    paddingTop: 16,
+    paddingTop: 20,
  },
 })