diff --git a/app/components/post_list/post/body/body.tsx b/app/components/post_list/post/body/body.tsx index 3078aecba1a..51eb828c65a 100644 --- a/app/components/post_list/post/body/body.tsx +++ b/app/components/post_list/post/body/body.tsx @@ -13,7 +13,7 @@ import {Screens} from '@constants'; import StatusUpdatePost from '@playbooks/components/status_update_post'; import {PLAYBOOKS_UPDATE_STATUS_POST_TYPE} from '@playbooks/constants/plugin'; import {isEdited as postEdited, isPostFailed, hasInteractivePostContent} from '@utils/post'; -import {makeStyleSheetFromTheme} from '@utils/theme'; +import {blendColors, makeStyleSheetFromTheme} from '@utils/theme'; import Acknowledgements from './acknowledgements'; import AddMembers from './add_members'; @@ -64,8 +64,7 @@ const getStyleSheet = makeStyleSheetFromTheme((theme: Theme) => { }, messageContainer: {width: '100%'}, replyBar: { - backgroundColor: theme.centerChannelColor, - opacity: 0.1, + backgroundColor: blendColors(theme.centerChannelBg, theme.centerChannelColor, 0.1), marginLeft: 1, marginRight: 7, width: 3, diff --git a/app/components/post_list/post/post.tsx b/app/components/post_list/post/post.tsx index 9bf63c804f6..490dc46dc10 100644 --- a/app/components/post_list/post/post.tsx +++ b/app/components/post_list/post/post.tsx @@ -3,7 +3,7 @@ import React, {type ReactNode, useCallback, useEffect, useMemo, useRef, useState} from 'react'; import {useIntl} from 'react-intl'; -import {Platform, type StyleProp, View, type ViewStyle, TouchableHighlight, type LayoutChangeEvent} from 'react-native'; +import {type StyleProp, View, type ViewStyle, TouchableHighlight, type LayoutChangeEvent} from 'react-native'; import {removePost} from '@actions/local/post'; import {showPermalink} from '@actions/remote/permalink'; @@ -17,6 +17,7 @@ import SystemAvatar from '@components/system_avatar'; import SystemHeader from '@components/system_header'; import {Screens} from '@constants'; import {POST_TIME_TO_FAIL} from '@constants/post'; +import {PROFILE_PICTURE_SIZE} from '@constants/view'; import {useKeyboardState} from '@context/keyboard_state'; import {usePostConfig} from '@context/post_config'; import {useServerUrl} from '@context/server'; @@ -93,7 +94,7 @@ const getStyleSheet = makeStyleSheetFromTheme((theme: Theme) => { consecutivePostContainer: { marginBottom: 10, marginRight: 10, - marginLeft: Platform.select({ios: 34, android: 33}), + marginLeft: PROFILE_PICTURE_SIZE, marginTop: 10, }, container: {flexDirection: 'row'},