From 6e67825eca8bc7e209534e725a4fa18aad4b531b Mon Sep 17 00:00:00 2001
From: Paul Frazee <pfrazee@gmail.com>
Date: Tue, 22 Nov 2022 12:15:26 -0600
Subject: Shrink and darken the post controls a little

---
 src/view/com/util/LoadingPlaceholder.tsx |  6 +++---
 src/view/com/util/PostCtrls.tsx          | 23 +++++++++++++----------
 2 files changed, 16 insertions(+), 13 deletions(-)

(limited to 'src')

diff --git a/src/view/com/util/LoadingPlaceholder.tsx b/src/view/com/util/LoadingPlaceholder.tsx
index 5ccd1bd14..3fcb07b51 100644
--- a/src/view/com/util/LoadingPlaceholder.tsx
+++ b/src/view/com/util/LoadingPlaceholder.tsx
@@ -93,14 +93,14 @@ export function PostLoadingPlaceholder({
             <FontAwesomeIcon
               style={s.gray3}
               icon={['far', 'comment']}
-              size={16}
+              size={14}
             />
           </View>
           <View style={s.flex1}>
-            <FontAwesomeIcon style={s.gray3} icon="retweet" size={20} />
+            <FontAwesomeIcon style={s.gray3} icon="retweet" size={18} />
           </View>
           <View style={s.flex1}>
-            <UpIcon style={s.gray3} size={19} strokeWidth={1.7} />
+            <UpIcon style={s.gray3} size={17} strokeWidth={1.7} />
           </View>
           <View style={s.flex1}></View>
         </View>
diff --git a/src/view/com/util/PostCtrls.tsx b/src/view/com/util/PostCtrls.tsx
index 144351d85..a316d8959 100644
--- a/src/view/com/util/PostCtrls.tsx
+++ b/src/view/com/util/PostCtrls.tsx
@@ -22,6 +22,9 @@ interface PostCtrlsOpts {
   onPressToggleUpvote: () => void
 }
 
+const redgray = '#7A6161'
+const sRedgray = {color: redgray}
+
 export function PostCtrls(opts: PostCtrlsOpts) {
   const interp1 = useSharedValue<number>(0)
   const interp2 = useSharedValue<number>(0)
@@ -59,9 +62,9 @@ export function PostCtrls(opts: PostCtrlsOpts) {
           <FontAwesomeIcon
             style={styles.ctrlIcon}
             icon={['far', 'comment']}
-            size={16}
+            size={14}
           />
-          <Text style={[s.gray5, s.ml5, s.f17]}>{opts.replyCount}</Text>
+          <Text style={[sRedgray, s.ml5, s.f16]}>{opts.replyCount}</Text>
         </TouchableOpacity>
       </View>
       <View style={s.flex1}>
@@ -74,14 +77,14 @@ export function PostCtrls(opts: PostCtrlsOpts) {
                 opts.isReposted ? styles.ctrlIconReposted : styles.ctrlIcon
               }
               icon="retweet"
-              size={20}
+              size={18}
             />
           </Animated.View>
           <Text
             style={
               opts.isReposted
-                ? [s.bold, s.green3, s.f17, s.ml5]
-                : [s.gray5, s.f17, s.ml5]
+                ? [s.bold, s.green3, s.f16, s.ml5]
+                : [sRedgray, s.f16, s.ml5]
             }>
             {opts.repostCount}
           </Text>
@@ -93,16 +96,16 @@ export function PostCtrls(opts: PostCtrlsOpts) {
           onPress={onPressToggleUpvoteWrapper}>
           <Animated.View style={anim2Style}>
             {opts.isUpvoted ? (
-              <UpIconSolid style={[styles.ctrlIconUpvoted]} size={19} />
+              <UpIconSolid style={[styles.ctrlIconUpvoted]} size={18} />
             ) : (
-              <UpIcon style={[styles.ctrlIcon]} size={20} strokeWidth={1.5} />
+              <UpIcon style={[styles.ctrlIcon]} size={18} strokeWidth={1.5} />
             )}
           </Animated.View>
           <Text
             style={
               opts.isUpvoted
-                ? [s.bold, s.red3, s.f17, s.ml5]
-                : [s.gray5, s.f17, s.ml5]
+                ? [s.bold, s.red3, s.f16, s.ml5]
+                : [sRedgray, s.f16, s.ml5]
             }>
             {opts.upvoteCount}
           </Text>
@@ -123,7 +126,7 @@ const styles = StyleSheet.create({
     paddingRight: 4,
   },
   ctrlIcon: {
-    color: colors.gray4,
+    color: redgray,
   },
   ctrlIconReposted: {
     color: colors.green3,
-- 
cgit 1.4.1