diff options
| -rw-r--r-- | src/view/com/posts/FeedItem.tsx | 2 | ||||
| -rw-r--r-- | src/view/com/util/PostCtrls.tsx | 11 |
2 files changed, 11 insertions, 2 deletions
diff --git a/src/view/com/posts/FeedItem.tsx b/src/view/com/posts/FeedItem.tsx index 070c9c7c9..80e08ae75 100644 --- a/src/view/com/posts/FeedItem.tsx +++ b/src/view/com/posts/FeedItem.tsx @@ -142,7 +142,7 @@ export const FeedItem = observer(function ({ }> <FontAwesomeIcon icon="retweet" - style={[styles.includeReasonIcon, s.gray5]} + style={[styles.includeReasonIcon, {color: pal.colors.textLight}]} /> <Text type="body2" diff --git a/src/view/com/util/PostCtrls.tsx b/src/view/com/util/PostCtrls.tsx index 3d551e5b4..c0ef412d8 100644 --- a/src/view/com/util/PostCtrls.tsx +++ b/src/view/com/util/PostCtrls.tsx @@ -13,6 +13,7 @@ import {Text} from './text/Text' import {PostDropdownBtn} from './forms/DropdownButton' import {UpIcon, UpIconSolid, CommentBottomArrow} from '../../lib/icons' import {s, colors} from '../../lib/styles' +import {useTheme} from '../../lib/ThemeContext' import {useAnimatedValue} from '../../lib/hooks/useAnimatedValue' interface PostCtrlsOpts { @@ -38,6 +39,7 @@ const sRedgray = {color: redgray} const HITSLOP = {top: 2, left: 2, bottom: 2, right: 2} export function PostCtrls(opts: PostCtrlsOpts) { + const theme = useTheme() const interp1 = useAnimatedValue(0) const interp2 = useAnimatedValue(0) @@ -195,7 +197,14 @@ export function PostCtrls(opts: PostCtrlsOpts) { <FontAwesomeIcon icon="ellipsis-h" size={18} - style={[s.mt2, s.mr5, {color: colors.gray3}]} + style={[ + s.mt2, + s.mr5, + { + color: + theme.colorScheme === 'light' ? colors.gray3 : colors.gray5, + }, + ]} /> </PostDropdownBtn> )} |