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,