diff options
| author | Aryan Goharzad <arrygoo@gmail.com> | 2023-01-25 17:54:22 -0500 |
|---|---|---|
| committer | GitHub <noreply@github.com> | 2023-01-25 16:54:22 -0600 |
| commit | adf328b50ce98c5ebd3282fe897ddfdcd0de8011 (patch) | |
| tree | d6f7d930c4eb020e59208188c201fe847b76abe7 /src | |
| parent | 5f189319157dfed67b331145cdfd322515022b93 (diff) | |
| download | voidsky-adf328b50ce98c5ebd3282fe897ddfdcd0de8011.tar.zst | |
Adds darkmode support for "Liked by" screen (#94)
* Adds darkmode support for "Liked by" screen * changes based on feedback * variable naming
Diffstat (limited to 'src')
| -rw-r--r-- | src/view/com/post-thread/PostVotedBy.tsx | 14 |
1 files changed, 9 insertions, 5 deletions
diff --git a/src/view/com/post-thread/PostVotedBy.tsx b/src/view/com/post-thread/PostVotedBy.tsx index 011df4aa1..f167a3ab7 100644 --- a/src/view/com/post-thread/PostVotedBy.tsx +++ b/src/view/com/post-thread/PostVotedBy.tsx @@ -7,7 +7,8 @@ import {Text} from '../util/text/Text' import {ErrorMessage} from '../util/error/ErrorMessage' import {UserAvatar} from '../util/UserAvatar' import {useStores} from '../../../state' -import {s, colors} from '../../lib/styles' +import {s} from '../../lib/styles' +import {usePalette} from '../../lib/hooks/usePalette' export const PostVotedBy = observer(function PostVotedBy({ uri, @@ -76,9 +77,11 @@ export const PostVotedBy = observer(function PostVotedBy({ }) const LikedByItem = ({item}: {item: VotesItem}) => { + const pal = usePalette('default') + return ( <Link - style={styles.outer} + style={[styles.outer, pal.view]} href={`/profile/${item.actor.handle}`} title={item.actor.handle} noFeedback> @@ -92,10 +95,12 @@ const LikedByItem = ({item}: {item: VotesItem}) => { /> </View> <View style={styles.layoutContent}> - <Text style={[s.f15, s.bold]}> + <Text style={[s.f15, s.bold, pal.text]}> {item.actor.displayName || item.actor.handle} </Text> - <Text style={[s.f14, s.gray5]}>@{item.actor.handle}</Text> + <Text style={[s.f14, s.gray5, pal.textLight]}> + @{item.actor.handle} + </Text> </View> </View> </Link> @@ -105,7 +110,6 @@ const LikedByItem = ({item}: {item: VotesItem}) => { const styles = StyleSheet.create({ outer: { marginTop: 1, - backgroundColor: colors.white, }, layout: { flexDirection: 'row', |