fix(@desktop/chat): mention color is too bright when replying

Updated the style of mention text when replying to one

fixes #3012

ui/app/AppLayouts/Chat/ChatColumn/MessageComponents/ChatReply.qml

@@ -162,7 +162,8 @@ Loader {
                 color: root.elementsColor
                 readOnly: true
                 selectByMouse: true
-                font.pixelSize: Style.current.secondaryTextFontSize
+                font.pixelSize: Style.current.additionalTextSize
+                font.weight: Font.Medium
                 anchors.left: userImage.left
                 width: root.longReply ? parent.width : implicitWidth
                 height: 20

ui/imports/Themes/Theme.qml

@@ -87,6 +87,8 @@ QtObject {
 
     property int leftTabPreferredSize: 304
 
+    property int additionalTextSize: 13
+
     property int primaryTextFontSize: 15
     property int secondaryTextFontSize: 14
     property int tertiaryTextFontSize: 12

ui/imports/Utils.qml

@@ -99,7 +99,8 @@ QtObject {
                                     `color: ${isCurrentUser && !useCompactMode ? Style.current.white : Style.current.textColor};`+
                                 `}`+
                                 `a.mention {`+
-                                    `color: ${isCurrentUser ? Style.current.cyan : Style.current.turquoise};`+
+                                    `color: ${isCurrentUser ? Style.current.mentionColor : Style.current.turquoise};`+
+                                    `background-color: ${Style.current.mentionBgColor};` +
                                 `}`+
                                 `</style>`+
                             `</head>`+