Spreed: Make mentions to current user more prominent

[danxuliu]

Currently all mentions are shown the same: bold text with _@_ followed by the display name of the user.

Mentions to the current user should be more prominent so you can easily see where you are mentioned.

This could be done by highlighting the mention itself to the current user:

The special appearance besides the bold text could be given to all mentions too, but using the primary colour for mentions to the current user to make it more prominent (similar to what Riot does):

Another option could be to highlight the whole message in which the mention appears (this is done for example by Quassel IRC):

Personally I think that using the primary colour there would be too much, although I like this approach with a softer colour (primary colour with 0.2 opacity), as it should make easy to spot a mention when scrolling while not "competing" with other elements that use the primary colour, like buttons or the header:

@nextcloud/designers Opinions?

[MariusBluem]

Personally, I like the Riot approach (3rd image) - grey boxes for mentions in general - primary color for those where you are mentioned. 0.2 opacity of the primary color sounds fine :)

[jancborchardt]

Yep, Riot approach looks best for sure. Rounded container around every mention, primary color fill if you are mentioned yourself.

[danxuliu]

Riot approach looks best for sure

I agree that it looks best, although I prefer highlighting the whole line because I think it is easier to spot. Anyway I have implemented the Riot approach in #813.