diff --git a/app/components/formatted_markdown_text.js b/app/components/formatted_markdown_text.js index 2f5b03fc2..01898d9af 100644 --- a/app/components/formatted_markdown_text.js +++ b/app/components/formatted_markdown_text.js @@ -110,12 +110,14 @@ class FormattedMarkdownText extends React.PureComponent { } renderAtMention = ({context, mentionName}) => { + const style = getStyleSheet(this.props.theme); + return ( ); } @@ -139,6 +141,9 @@ const getStyleSheet = makeStyleSheetFromTheme((theme) => { fontSize: 15, lineHeight: 22, }, + atMentionOpacity: { + opacity: 1, + }, }; }); diff --git a/app/components/markdown/markdown.js b/app/components/markdown/markdown.js index 93edb1296..8de3f7260 100644 --- a/app/components/markdown/markdown.js +++ b/app/components/markdown/markdown.js @@ -199,10 +199,12 @@ export default class Markdown extends PureComponent { return this.renderText({context, literal: `@${mentionName}`}); } + const style = getStyleSheet(this.props.theme); + return ( { color: editedColor, opacity: editedOpacity, }, + atMentionOpacity: { + opacity: 1, + }, }; });