diff options
| author | Paul Frazee <pfrazee@gmail.com> | 2023-03-07 15:52:24 -0600 |
|---|---|---|
| committer | GitHub <noreply@github.com> | 2023-03-07 15:52:24 -0600 |
| commit | e74f94bc72cdbb2282096b8d36677ba6655ab5be (patch) | |
| tree | 997aa96761801e1cf23d69c455a2d1b1f5379e80 /src/lib | |
| parent | 2f3fc4fe4e799084799631323b73fc97820144c8 (diff) | |
| download | voidsky-e74f94bc72cdbb2282096b8d36677ba6655ab5be.tar.zst | |
Big batch of UI updates (#276)
* Replace react-native-root-toast with a custom toast that fits the visual style * Tune dark mode colors * Tune colors a bit more * Move the reply prompt to a fixed position in the footer * Fully hide muted posts but give a control to show anyway (close #270) * Improve thread rendering (better clarity on reply lines) * Add follower/following counts to side menu * Fix issues with display name overflows
Diffstat (limited to 'src/lib')
| -rw-r--r-- | src/lib/styles.ts | 4 | ||||
| -rw-r--r-- | src/lib/themes.ts | 8 |
2 files changed, 8 insertions, 4 deletions
diff --git a/src/lib/styles.ts b/src/lib/styles.ts index a8c387616..dbce39178 100644 --- a/src/lib/styles.ts +++ b/src/lib/styles.ts @@ -15,7 +15,7 @@ export const colors = { gray5: '#545664', gray6: '#373942', gray7: '#26272D', - gray8: '#101013', + gray8: '#141417', blue0: '#bfe1ff', blue1: '#8bc7fd', @@ -24,6 +24,7 @@ export const colors = { blue4: '#0062bd', blue5: '#034581', blue6: '#012561', + blue7: '#001040', red1: '#ffe6f2', red2: '#fba2ce', @@ -64,6 +65,7 @@ export const s = StyleSheet.create({ // helpers footerSpacer: {height: 100}, contentContainer: {paddingBottom: 200}, + contentContainerExtra: {paddingBottom: 300}, border1: {borderWidth: 1}, borderTop1: {borderTopWidth: 1}, borderRight1: {borderRightWidth: 1}, diff --git a/src/lib/themes.ts b/src/lib/themes.ts index aa166e323..d7043ad2d 100644 --- a/src/lib/themes.ts +++ b/src/lib/themes.ts @@ -21,6 +21,7 @@ export const defaultTheme: Theme = { replyLine: colors.gray2, replyLineDot: colors.gray3, unreadNotifBg: '#ebf6ff', + unreadNotifBorder: colors.blue1, postCtrl: '#71768A', brandText: '#0066FF', emptyStateIcon: '#B6B6C9', @@ -296,15 +297,16 @@ export const darkTheme: Theme = { textLight: colors.gray3, textInverted: colors.black, link: colors.blue3, - border: colors.gray6, - borderDark: colors.gray5, + border: colors.black, + borderDark: colors.gray6, icon: colors.gray4, // non-standard textVeryLight: colors.gray4, replyLine: colors.gray5, replyLineDot: colors.gray6, - unreadNotifBg: colors.blue5, + unreadNotifBg: colors.blue7, + unreadNotifBorder: colors.blue6, postCtrl: '#61657A', brandText: '#0085ff', emptyStateIcon: colors.gray4, |