[IMPROVE] User mentions

[vynmera]

Related to #10968

It makes the mentions look nicer, and stand out from normal links (otherwise, one could change their name to an URL and be invisible)
Not sure whether it's a [FIX] or a [NEW], but it's small so I'll pick the former.

Old

New

[engelgabriel]

@karlprieb @ggazzo do we need this? or till the more specific selector class="mention-link mention-link-me" already overwrite the background colour?

[vynmera]

Just tried it, doesn't work :(

[yahesh]

Wow, the default now puts light-green text on a light-blue background. Why would anyone think that is an improvement to what it has looked like before?

We fixed that by using this custom CSS for now, but please fix this bad default...

.message .mention-link {
  background-color: @rc-color-button-primary;
  color           : #fff;
}

.message .mention-link:hover {
  color: #fff;
}

[vynmera]

@yahesh Do you have any custom CSS or colors? It seems to look OK on open.rocket.chat...?

[yahesh]

@vynmera We use colour-blindness improved status colours, but as far as I can see, none of these should modify @rc-color-button-primary that is used for background-color or @link-font-color that seems to be used for color:

/* Improve colours for colour-blindness */
:root {
  --status-away:              #6db6ff !important;
  --status-busy:              #FF0000 !important;
  --status-invisible:         #004949 !important;
  --status-invisible-sidebar: #004949 !important;
  --status-offline:           #004949 !important;
  --status-online:            #24ff24 !important;
}

[yahesh]

We've looked into this some more and as it seems, the corresponding configuration has moved to "Old Colors (minor)" some time ago and is difficult to follow as @link-font-color is set as an expression down there.

[yahesh]

We've reverted to the default colour scheme (except for the status colours) to solve this on our side.