Dark mode color fixes

zio/stable
Paul Frazee 2023-01-16 17:11:15 -06:00
parent 00b7189d5d
commit 46a8dbdee1
2 changed files with 11 additions and 2 deletions

View File

@ -142,7 +142,7 @@ export const FeedItem = observer(function ({
}> }>
<FontAwesomeIcon <FontAwesomeIcon
icon="retweet" icon="retweet"
style={[styles.includeReasonIcon, s.gray5]} style={[styles.includeReasonIcon, {color: pal.colors.textLight}]}
/> />
<Text <Text
type="body2" type="body2"

View File

@ -13,6 +13,7 @@ import {Text} from './text/Text'
import {PostDropdownBtn} from './forms/DropdownButton' import {PostDropdownBtn} from './forms/DropdownButton'
import {UpIcon, UpIconSolid, CommentBottomArrow} from '../../lib/icons' import {UpIcon, UpIconSolid, CommentBottomArrow} from '../../lib/icons'
import {s, colors} from '../../lib/styles' import {s, colors} from '../../lib/styles'
import {useTheme} from '../../lib/ThemeContext'
import {useAnimatedValue} from '../../lib/hooks/useAnimatedValue' import {useAnimatedValue} from '../../lib/hooks/useAnimatedValue'
interface PostCtrlsOpts { interface PostCtrlsOpts {
@ -38,6 +39,7 @@ const sRedgray = {color: redgray}
const HITSLOP = {top: 2, left: 2, bottom: 2, right: 2} const HITSLOP = {top: 2, left: 2, bottom: 2, right: 2}
export function PostCtrls(opts: PostCtrlsOpts) { export function PostCtrls(opts: PostCtrlsOpts) {
const theme = useTheme()
const interp1 = useAnimatedValue(0) const interp1 = useAnimatedValue(0)
const interp2 = useAnimatedValue(0) const interp2 = useAnimatedValue(0)
@ -195,7 +197,14 @@ export function PostCtrls(opts: PostCtrlsOpts) {
<FontAwesomeIcon <FontAwesomeIcon
icon="ellipsis-h" icon="ellipsis-h"
size={18} size={18}
style={[s.mt2, s.mr5, {color: colors.gray3}]} style={[
s.mt2,
s.mr5,
{
color:
theme.colorScheme === 'light' ? colors.gray3 : colors.gray5,
},
]}
/> />
</PostDropdownBtn> </PostDropdownBtn>
)} )}