# Change to the way user mentions are displayed

**URL:** https://meta.discourse.org/t/change-to-the-way-user-mentions-are-displayed/38667
**Category:** UX
**Created:** [1월 29, 2016, 1:36오전 UTC](https://meta.discourse.org/t/change-to-the-way-user-mentions-are-displayed/38667 "2016-01-29T01:36:52Z")
**Posts on this page:** 15
**Page:** 1

<div class="post-metadata">

### Author: ![jomaxro](https://sea3.discourse-cdn.com/meta/user_avatar/meta.discourse.org/jomaxro/32/126216_2.png) [@jomaxro](https://meta.discourse.org/u/jomaxro)
#### Post date: [1월 29, 2016, 1:36오전 UTC](https://meta.discourse.org/t/change-to-the-way-user-mentions-are-displayed/38667/1 "2016-01-29T01:36:52Z")

</div>

Not sure if this is related to the recent DDoS attack, but I have noticed that user mentions look different than they used to. Now if I mention @jomaxro it appears to have a grey font color. Before, it would look like this: ![](https://global.discourse-cdn.com/meta/original/3X/3/1/31ad4484958ffd23c9b3859a65ec161ef503435a.png) with black text.

Is this a side effect of the attack, or a feature change I just missed 😉?

---

<div class="post-metadata">

### Author: ![cpradio](https://sea3.discourse-cdn.com/meta/user_avatar/meta.discourse.org/cpradio/32/4970_2.png) [@cpradio](https://meta.discourse.org/u/cpradio)
#### Post date: [1월 29, 2016, 1:38오전 UTC](https://meta.discourse.org/t/change-to-the-way-user-mentions-are-displayed/38667/2 "2016-01-29T01:38:09Z")

</div>

Not related, it was a recent change made.  
[https://github.com/discourse/discourse/commit/6d6d8842d234ecd1035e91693ee431eb1cb9a400](https://github.com/discourse/discourse/commit/6d6d8842d234ecd1035e91693ee431eb1cb9a400)

---

<div class="post-metadata">

### Author: ![jomaxro](https://sea3.discourse-cdn.com/meta/user_avatar/meta.discourse.org/jomaxro/32/126216_2.png) [@jomaxro](https://meta.discourse.org/u/jomaxro)
#### Post date: [1월 29, 2016, 1:38오전 UTC](https://meta.discourse.org/t/change-to-the-way-user-mentions-are-displayed/38667/3 "2016-01-29T01:38:42Z")

</div>

Ah, thanks. Any particular reason why (that you know of)?

---

<div class="post-metadata">

### Author: ![cpradio](https://sea3.discourse-cdn.com/meta/user_avatar/meta.discourse.org/cpradio/32/4970_2.png) [@cpradio](https://meta.discourse.org/u/cpradio)
#### Post date: [1월 29, 2016, 1:39오전 UTC](https://meta.discourse.org/t/change-to-the-way-user-mentions-are-displayed/38667/4 "2016-01-29T01:39:49Z")

</div>

No idea. I’m not a fan of it yet, as I find it harder to find where I am mentioned in a long topic now, but I need to give it more time. The contrast is now horrid for those with eye sight problems.

---

<div class="post-metadata">

### Author: ![jomaxro](https://sea3.discourse-cdn.com/meta/user_avatar/meta.discourse.org/jomaxro/32/126216_2.png) [@jomaxro](https://meta.discourse.org/u/jomaxro)
#### Post date: [1월 29, 2016, 1:42오전 UTC](https://meta.discourse.org/t/change-to-the-way-user-mentions-are-displayed/38667/5 "2016-01-29T01:42:20Z")

</div>

> [@cpradio](#):
>
> I’m not a fan of it yet

I tend to agree with you here. Yes, change is hard (for everyone), but I agree that it is tougher to see, and without knowing the reason the change was made it seems like change for the sake of change.

---

<div class="post-metadata">

### Author: ![Mittineague](https://sea3.discourse-cdn.com/meta/user_avatar/meta.discourse.org/mittineague/32/114259_2.png) [@Mittineague](https://meta.discourse.org/u/Mittineague)
#### Post date: [1월 29, 2016, 2:21오전 UTC](https://meta.discourse.org/t/change-to-the-way-user-mentions-are-displayed/38667/6 "2016-01-29T02:21:21Z")

</div>

> [@jomaxro](#):
>
> it is tougher to see,

Yes, not everyone has good vision. For me it looks like a grey bar unless I move closer and squint. ![](https://global.discourse-cdn.com/meta/original/3X/a/4/a453c0a175519d461b60db7bdda4376e52dfc77d.gif)

For me it isn’t so hard to read bolded

 ![](https://global.discourse-cdn.com/meta/original/3X/d/e/de6ccb1af66b0dbbe83afad12c1f51ed91b91c15.png)

---

<div class="post-metadata">

### Author: ![sam](https://sea3.discourse-cdn.com/meta/user_avatar/meta.discourse.org/sam/32/102149_2.png) [@sam](https://meta.discourse.org/u/sam)
#### Post date: [1월 29, 2016, 2:30오전 UTC](https://meta.discourse.org/t/change-to-the-way-user-mentions-are-displayed/38667/7 "2016-01-29T02:30:01Z")

</div>

@codinghorror I find the contrast a bit too soft, can we lighten the gray background a bit?

---

<div class="post-metadata">

### Author: ![jesselperry](https://sea3.discourse-cdn.com/meta/user_avatar/meta.discourse.org/jesselperry/32/119501_2.png) [@jesselperry](https://meta.discourse.org/u/jesselperry)
#### Post date: [1월 29, 2016, 2:39오전 UTC](https://meta.discourse.org/t/change-to-the-way-user-mentions-are-displayed/38667/8 "2016-01-29T02:39:37Z")

</div>

Or just drop the background altogether?

---

<div class="post-metadata">

### Author: ![sam](https://sea3.discourse-cdn.com/meta/user_avatar/meta.discourse.org/sam/32/102149_2.png) [@sam](https://meta.discourse.org/u/sam)
#### Post date: [1월 29, 2016, 3:11오전 UTC](https://meta.discourse.org/t/change-to-the-way-user-mentions-are-displayed/38667/9 "2016-01-29T03:11:18Z")

</div>

Actually I think the foreground should be dropped to `#646464` which would match the username color used in the top of posts.

Current new combo fails [WebAIM: Contrast Checker](http://webaim.org/resources/contrastchecker/) which is particularly painful on sections of text you need to read.

Many people have crappy monitors that do bad with problem contrast and many people have eyes that can not cope with it.

---

<div class="post-metadata">

### Author: ![codinghorror](https://sea3.discourse-cdn.com/meta/user_avatar/meta.discourse.org/codinghorror/32/110067_2.png) [@codinghorror](https://meta.discourse.org/u/codinghorror)
#### Post date: [1월 29, 2016, 4:06오전 UTC](https://meta.discourse.org/t/change-to-the-way-user-mentions-are-displayed/38667/10 "2016-01-29T04:06:09Z")

</div>

> [@sam](#):
>
> he foreground should be dropped to #646464 which would match the username color used in the top of posts.

Probably fine, but #222 was too black.

---

<div class="post-metadata">

### Author: ![mcwumbly](https://sea3.discourse-cdn.com/meta/user_avatar/meta.discourse.org/mcwumbly/32/103861_2.png) [@mcwumbly](https://meta.discourse.org/u/mcwumbly)
#### Post date: [1월 29, 2016, 3:05오후 UTC](https://meta.discourse.org/t/change-to-the-way-user-mentions-are-displayed/38667/11 "2016-01-29T15:05:21Z")

</div>

Having trouble understanding the motivations here too. I’m finding the latest revision harder to read.

Maybe worth a closer look at what Slack does? @mentions that I’m not included on look like normal links. Ones that mention **@me** or **@groups** i’m in directly are highlighted in yellow.

---

<div class="post-metadata">

### Author: ![sam](https://sea3.discourse-cdn.com/meta/user_avatar/meta.discourse.org/sam/32/102149_2.png) [@sam](https://meta.discourse.org/u/sam)
#### Post date: [1월 30, 2016, 11:29오후 UTC](https://meta.discourse.org/t/change-to-the-way-user-mentions-are-displayed/38667/12 "2016-01-30T23:29:38Z")

</div>

@mcwumbly I just adjusted it to match the same color of the username in the post title. I think it is reasonable, perhaps we can play with bolding it as well to have a complete match.

I think that highlighting whe you are mentioned is a very interesting idea. First step is to get the class in, but its a bit tricky cause we would need to run a markdown postprocessor on every post we ever display.

UX wise I think its interesting that #Contribute > UX link is considered “more” important than a mention, which is just an observation.

---

<div class="post-metadata">

### Author: ![sam](https://sea3.discourse-cdn.com/meta/user_avatar/meta.discourse.org/sam/32/102149_2.png) [@sam](https://meta.discourse.org/u/sam)
#### Post date: [1월 30, 2016, 11:33오후 UTC](https://meta.discourse.org/t/change-to-the-way-user-mentions-are-displayed/38667/13 "2016-01-30T23:33:25Z")

</div>

I kind of like it in bold 1px smaller.

 ![](https://global.discourse-cdn.com/meta/original/3X/9/8/9819f16e85eec0f28a6c63147e26b89330c4a24a.png)

It ties super cleanly with the way we display username in the topic title, so brain goes … ahh this is a username, right away.

@codinghorror should I make this change?

---

<div class="post-metadata">

### Author: ![codinghorror](https://sea3.discourse-cdn.com/meta/user_avatar/meta.discourse.org/codinghorror/32/110067_2.png) [@codinghorror](https://meta.discourse.org/u/codinghorror)
#### Post date: [1월 30, 2016, 11:34오후 UTC](https://meta.discourse.org/t/change-to-the-way-user-mentions-are-displayed/38667/14 "2016-01-30T23:34:13Z")

</div>

Sure bold would be consistent with category hash so that’s fine.

---

<div class="post-metadata">

### Author: ![riking](https://sea3.discourse-cdn.com/meta/user_avatar/meta.discourse.org/riking/32/170938_2.png) [@riking](https://meta.discourse.org/u/riking)
#### Post date: [1월 31, 2016, 9:21오후 UTC](https://meta.discourse.org/t/change-to-the-way-user-mentions-are-displayed/38667/15 "2016-01-31T21:21:16Z")

</div>

> [@sam](#):
>
> but its a bit tricky cause we would need to run a markdown postprocessor on every post we ever display.

No? Just a decoratePost callback with `this.$('.mention[href="/users/' + username + '"]').addClass('you-mention');`
