From 3a9bb6a98d92bf976c69ca440d25e460d0528479 Mon Sep 17 00:00:00 2001
From: Paul Frazee <pfrazee@gmail.com>
Date: Thu, 17 Nov 2022 11:03:38 -0600
Subject: [PATCH] Lighten the post controls

---
 src/view/com/util/PostCtrls.tsx | 13 ++++++++-----
 1 file changed, 8 insertions(+), 5 deletions(-)

diff --git a/src/view/com/util/PostCtrls.tsx b/src/view/com/util/PostCtrls.tsx
index 5362228a..a3d2085e 100644
--- a/src/view/com/util/PostCtrls.tsx
+++ b/src/view/com/util/PostCtrls.tsx
@@ -77,7 +77,7 @@ export function PostCtrls(opts: PostCtrlsOpts) {
             icon={['far', 'comment']}
             size={14}
           />
-          <Text style={[s.ml5, s.f13]}>{opts.replyCount}</Text>
+          <Text style={[s.gray5, s.ml5, s.f13]}>{opts.replyCount}</Text>
         </TouchableOpacity>
       </View>
       <View style={s.flex1}>
@@ -97,7 +97,7 @@ export function PostCtrls(opts: PostCtrlsOpts) {
             style={
               opts.isReposted
                 ? [s.bold, s.green3, s.f13, s.ml5]
-                : [s.f13, s.ml5]
+                : [s.gray5, s.f13, s.ml5]
             }>
             {opts.repostCount}
           </Text>
@@ -116,7 +116,9 @@ export function PostCtrls(opts: PostCtrlsOpts) {
           </Animated.View>
           <Text
             style={
-              opts.isUpvoted ? [s.bold, s.red3, s.f13, s.ml5] : [s.f13, s.ml5]
+              opts.isUpvoted
+                ? [s.bold, s.red3, s.f13, s.ml5]
+                : [s.gray5, s.f13, s.ml5]
             }>
             {opts.upvoteCount}
           </Text>
@@ -137,7 +139,7 @@ export function PostCtrls(opts: PostCtrlsOpts) {
             style={
               opts.isDownvoted
                 ? [s.bold, s.blue3, s.f13, s.ml5]
-                : [s.f13, s.ml5]
+                : [s.gray5, s.f13, s.ml5]
             }>
             {opts.downvoteCount}
           </Text>
@@ -150,6 +152,7 @@ export function PostCtrls(opts: PostCtrlsOpts) {
 const styles = StyleSheet.create({
   ctrls: {
     flexDirection: 'row',
+    paddingRight: 20,
   },
   ctrl: {
     flexDirection: 'row',
@@ -158,7 +161,7 @@ const styles = StyleSheet.create({
     paddingRight: 4,
   },
   ctrlIcon: {
-    color: colors.gray5,
+    color: colors.gray4,
   },
   ctrlIconReposted: {
     color: colors.green3,