diff --git a/src/view/com/notifications/FeedItem.tsx b/src/view/com/notifications/FeedItem.tsx index 1b9fe51f..68057a5a 100644 --- a/src/view/com/notifications/FeedItem.tsx +++ b/src/view/com/notifications/FeedItem.tsx @@ -45,14 +45,15 @@ export const FeedItem = observer(function FeedItem({ if (item.isReply) { return ( - - + + ) } @@ -215,8 +216,9 @@ const styles = StyleSheet.create({ marginBottom: 0, }, outerUnread: { + backgroundColor: colors.unreadNotifBg, borderWidth: 1, - borderColor: colors.blue2, + borderColor: colors.blue1, }, layout: { flexDirection: 'row', diff --git a/src/view/com/post/Post.tsx b/src/view/com/post/Post.tsx index 033cc656..736b4015 100644 --- a/src/view/com/post/Post.tsx +++ b/src/view/com/post/Post.tsx @@ -1,8 +1,15 @@ import React, {useState, useEffect} from 'react' +import { + ActivityIndicator, + StyleProp, + StyleSheet, + Text, + View, + ViewStyle, +} from 'react-native' import {observer} from 'mobx-react-lite' import {AtUri} from '../../../third-party/uri' import * as PostType from '../../../third-party/api/src/client/types/app/bsky/feed/post' -import {ActivityIndicator, StyleSheet, Text, View} from 'react-native' import {FontAwesomeIcon} from '@fortawesome/react-native-fontawesome' import {PostThreadViewModel} from '../../../state/models/post-thread-view' import {Link} from '../util/Link' @@ -18,9 +25,11 @@ import {s, colors} from '../../lib/styles' export const Post = observer(function Post({ uri, initView, + style, }: { uri: string initView?: PostThreadViewModel + style?: StyleProp }) { const store = useStores() const [view, setView] = useState(initView) @@ -115,7 +124,7 @@ export const Post = observer(function Post({ } return ( - + diff --git a/src/view/lib/styles.ts b/src/view/lib/styles.ts index 8bb26ef8..1ac6283a 100644 --- a/src/view/lib/styles.ts +++ b/src/view/lib/styles.ts @@ -41,6 +41,8 @@ export const colors = { green3: '#20bc07', green4: '#148203', green5: '#082b03', + + unreadNotifBg: '#ebf6ff', } export const gradients = {