How do I style @mentions?

[Becky Clutter]

I've changed all of the colours under Colour Scheme to match our corporate colours, but for some reason the mentions are still set in the default Confluence colours. I'm hoping I can just change this via CSS, but I'm not sure exactly which classes to change. Thanks in advance!

[Sharon Hinde · Accepted solution]

The @'s are using css before. I got it working with this:

#main-content .current-user-mention,
#main-content .user-mention,
#main-content .current-user-mention::before, 
#main-content .current-user-mention:hover::before, 
#main-content .current-user-mention:active::before, 
#main-content .current-user-mention:visited::before,
#main-content .user-mention::before, 
#main-content .user-mention:hover::before, 
#main-content .user-mention:active::before, 
#main-content .user-mention:visited::before {
    background-color: #F2F2F2;
    border-color: #CCCCCC;
    color: #F15D22;
}

[Becky Clutter]

Thanks, Sharon!

[Sharon Hinde]

Hi Becky,

I believe this is the CSS you need:

.wiki-content .current-user-mention {
    background-color: #3b7fc4;
    color: #f5f5f5;
}

.wiki-content .user-mention {
    background-color: #f5f5f5;
	color
}

Sharon

[Becky Clutter]

Thanks, Sharon! That partially worked, as it only changed the background colour. I also had to add the following, then the text colour changed, too:

#main-content .current-user-mention,
#main-content .user-mention {
    background-color: #F2F2F2;
    border-color: #CCCCCC;
    color: #F15D22;
    }

But I still can't seem to figure out how to style the "@". It stays the default light grey no matter what. Any thoughts?