Forums

Articles
Create
cancel
Showing results for 
Search instead for 
Did you mean: 

CSS to change highlight color for commented text?

P. F.
I'm New Here
I'm New Here
Those new to the Atlassian Community have posted less than three times. Give them a warm welcome!
August 17, 2017 edited

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
Atlassian Team members are employees working across the company in a wide variety of roles.
August 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,
Shannon

P. F.
I'm New Here
I'm New Here
Those new to the Atlassian Community have posted less than three times. Give them a warm welcome!
September 5, 2017

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...

MAIN COLOR OF COMMENT HIGHLIGHTING
.inline-comment-marker.valid { background#4EE2EC !important}


HIGHLIGHTING COLOR WHEN CURSOR IS HOVERING OVER COMMENT
.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 } 

COLOR OF COMMENT HIGHLIGHTING WHEN CLICKED ON
.ic-current-selection {background-color#56A5EC !important

Shannon S
Atlassian Team
Atlassian Team members are employees working across the company in a wide variety of roles.
September 7, 2017

P.F.,

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

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

Kind Regards,
Shannon

Steve Fournier
Contributor
April 25, 2022

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
TAGS
atlassian, atlassian government cloud, fedramp, webinar, register for webinar, atlassian cloud webinar, fedramp moderate offering, work faster with cloud

Unlocking the future with Atlassian Government Cloud ☁️

Atlassian Government Cloud has achieved FedRAMP Authorization at the Moderate level! Join our webinar to learn how you can accelerate mission success and move work forward faster in cloud, all while ensuring your critical data is secure.

Register Now
AUG Leaders

Atlassian Community Events