diff --git a/src/view/com/util/PostCtrls.tsx b/src/view/com/util/PostCtrls.tsx index c0ef412d..6bcc77e9 100644 --- a/src/view/com/util/PostCtrls.tsx +++ b/src/view/com/util/PostCtrls.tsx @@ -34,12 +34,16 @@ interface PostCtrlsOpts { onDeletePost: () => void } -const redgray = '#7A6161' -const sRedgray = {color: redgray} const HITSLOP = {top: 2, left: 2, bottom: 2, right: 2} export function PostCtrls(opts: PostCtrlsOpts) { const theme = useTheme() + const defaultCtrlColor = React.useMemo( + () => ({ + color: theme.palette.default.postCtrl, + }), + [theme], + ) const interp1 = useAnimatedValue(0) const interp2 = useAnimatedValue(0) @@ -119,12 +123,14 @@ export function PostCtrls(opts: PostCtrlsOpts) { hitSlop={HITSLOP} onPress={opts.onPressReply}> {typeof opts.replyCount !== 'undefined' ? ( - {opts.replyCount} + + {opts.replyCount} + ) : undefined} @@ -136,7 +142,7 @@ export function PostCtrls(opts: PostCtrlsOpts) { {opts.repostCount} @@ -167,7 +173,7 @@ export function PostCtrls(opts: PostCtrlsOpts) { /> ) : ( @@ -178,7 +184,7 @@ export function PostCtrls(opts: PostCtrlsOpts) { style={ opts.isUpvoted ? [s.bold, s.red3, s.f15, s.ml5] - : [sRedgray, s.f15, s.ml5] + : [defaultCtrlColor, s.f15, s.ml5] }> {opts.upvoteCount} @@ -202,7 +208,7 @@ export function PostCtrls(opts: PostCtrlsOpts) { s.mr5, { color: - theme.colorScheme === 'light' ? colors.gray3 : colors.gray5, + theme.colorScheme === 'light' ? colors.gray4 : colors.gray5, }, ]} /> @@ -221,9 +227,6 @@ const styles = StyleSheet.create({ flexDirection: 'row', alignItems: 'center', }, - ctrlIcon: { - color: redgray, - }, ctrlIconReposted: { color: colors.green3, }, diff --git a/src/view/lib/themes.ts b/src/view/lib/themes.ts index d3c0a24b..d25fe58f 100644 --- a/src/view/lib/themes.ts +++ b/src/view/lib/themes.ts @@ -20,6 +20,7 @@ export const defaultTheme: Theme = { replyLine: colors.gray2, replyLineDot: colors.gray3, unreadNotifBg: '#ebf6ff', + postCtrl: '#8A7171', }, primary: { background: colors.blue3, @@ -164,6 +165,7 @@ export const darkTheme: Theme = { replyLine: colors.gray5, replyLineDot: colors.gray6, unreadNotifBg: colors.blue5, + postCtrl: '#7A6161', }, primary: { ...defaultTheme.palette.primary,