diff options
| author | Paul Frazee <pfrazee@gmail.com> | 2023-01-19 10:50:21 -0600 |
|---|---|---|
| committer | Paul Frazee <pfrazee@gmail.com> | 2023-01-19 10:50:21 -0600 |
| commit | 1ed82b6c590010aa25bcf453d15fdcb1ae673b36 (patch) | |
| tree | 697215adb3c9fbee5b7d3b3f32b95a2907593755 /src/view | |
| parent | f47751ad42c3da68fac175438e455eb8c08a6565 (diff) | |
| download | voidsky-1ed82b6c590010aa25bcf453d15fdcb1ae673b36.tar.zst | |
Tune the empty state visuals
Diffstat (limited to 'src/view')
| -rw-r--r-- | src/view/com/util/EmptyState.tsx | 8 | ||||
| -rw-r--r-- | src/view/lib/themes.ts | 6 |
2 files changed, 9 insertions, 5 deletions
diff --git a/src/view/com/util/EmptyState.tsx b/src/view/com/util/EmptyState.tsx index 5cede14a9..6218027d2 100644 --- a/src/view/com/util/EmptyState.tsx +++ b/src/view/com/util/EmptyState.tsx @@ -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, }, }) diff --git a/src/view/lib/themes.ts b/src/view/lib/themes.ts index 922ade5b7..429a76021 100644 --- a/src/view/lib/themes.ts +++ b/src/view/lib/themes.ts @@ -16,12 +16,13 @@ export const defaultTheme: Theme = { icon: colors.gray2, // non-standard - actionLabel: colors.gray4, + textVeryLight: colors.gray4, replyLine: colors.gray2, replyLineDot: colors.gray3, unreadNotifBg: '#ebf6ff', postCtrl: '#71768A', brandText: '#0066FF', + emptyStateIcon: '#B6B6C9', }, primary: { background: colors.blue3, @@ -259,12 +260,13 @@ export const darkTheme: Theme = { icon: colors.gray5, // non-standard - actionLabel: colors.gray3, + textVeryLight: colors.gray4, replyLine: colors.gray5, replyLineDot: colors.gray6, unreadNotifBg: colors.blue5, postCtrl: '#61657A', brandText: '#0085ff', + emptyStateIcon: colors.gray4, }, primary: { ...defaultTheme.palette.primary, |