Come for the products,
stay for the community

The Atlassian Community can help you and your team get more value out of Atlassian products and practices.

Atlassian Community about banner
Community Members
Community Events
Community Groups

CSS to change highlight color for commented text?


When text is highlighted to signial that it's been commented on, a few things happen...

1: text is highlighted yellow until comment is resolved

2: If curser hovers over highlighted text, the yellow darkens.. then goes back to normal once curser is no longer hovering

3: once comment is resolved, the highlight dissapears completely

4. if comment is reopened, text is re-highlighted yellow

I want to change from yellow and darkened yellow to other colors.

I've found that entering .inline-comment-marker { background: #4EE2EC !important  } will forever change the highlight color regardless if comment is resolved or hovered on and .inline-comment-marker { background: #4EE2EC } will change the highlight color for about 1 second after a page refresh only to turn to the default yellow again afterwards.

Any suggestions?

note: I am entering this in the LOOK AND FEEL -> StyleSheet portion of SPACE TOOLS


1 answer

0 votes
Shannon S Atlassian Team Aug 21, 2017

Hi P.F.,

The feature request CONFSERVER-40679 has a slightly different workaround listed:

.inline-comment-marker.valid { 
lor:#000 !important; 
background: #F3F315 !important;

Can you try that and let us know if that works for you?

Kind Regards,

Yes it did. I actually figured it out slightly after I posted this question. There are 4 colors total involved with inline comment highlighting. Here they are for anyone who wishes to know the details...

.inline-comment-marker.valid { background#4EE2EC !important}

.inline-comment-marker.valid:hover {background-color#1CB0BA !important }

COLOR OF COMMENT HIGHLIGHTING IN POP-UP WINDOW WHEN UN-RESOLVING A COMMENT (background color is highlighed color, color is font color
#ic-resolved-comment-dialog .ic-display-comment-view .ic-display-comment .ic-body .ic-content blockquote .ic-resolved-marker { background-color:#48CCCD !importantcolor:#25383C !important } 

.ic-current-selection {background-color#56A5EC !important

Shannon S Atlassian Team Sep 07, 2017


Great news! Glad you were able to figure it out :) 

Take care, and have a pleasant rest of your week.

Kind Regards,

I know this is old but I'll give it a shot @P. F. @Shannon S   anyway to have a resolved comment still being in the page but would highlight in green?

We have a lot of people reading our story and having the possibility to see resolved comment in the text with a different color code would avoid to have duplicate question/comment. Not every one check the resolved comment before asking question.

Suggest an answer

Log in or Sign up to answer
Community showcase
Published in Confluence

An update on Confluence Cloud customer feedback – June 2022

Hi everyone, We’re always looking at how to improve Confluence and customer feedback plays an important role in making sure we're investing in the areas that will bring the most value to the most c...

105 views 0 1
Read article

Community Events

Connect with like-minded Atlassian users at free events near you!

Find an event

Connect with like-minded Atlassian users at free events near you!

Unfortunately there are no Community Events near you at the moment.

Host an event

You're one step closer to meeting fellow Atlassian users at your local event. Learn more about Community Events

Events near you