about summary refs log tree commit diff
path: root/src/lib/themes.ts
diff options
context:
space:
mode:
authorPaul Frazee <pfrazee@gmail.com>2023-03-07 15:52:24 -0600
committerGitHub <noreply@github.com>2023-03-07 15:52:24 -0600
commite74f94bc72cdbb2282096b8d36677ba6655ab5be (patch)
tree997aa96761801e1cf23d69c455a2d1b1f5379e80 /src/lib/themes.ts
parent2f3fc4fe4e799084799631323b73fc97820144c8 (diff)
downloadvoidsky-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/themes.ts')
-rw-r--r--src/lib/themes.ts8
1 files changed, 5 insertions, 3 deletions
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,