Changing button color for "reply to customer" button on issue

[Haseeb Khan]

I tried injecting this script

<style type="text/css">
button.aui-button.aui-button-primary.sd-external-submit {

background-color: #d04437
</style>

in the announcement banner with no change. I tried playing around with other setting on the announcement banner and they do make changes happens ( visible banner, color etc). Do I need to look into the button attribute name for it to take affect?

[Rik de Valk]

Hi @Haseeb Khan

On the Cloud products it is not possible to use custom CSS. 

Also see this post: https://community.atlassian.com/t5/Jira-questions/Custom-CSS-in-Jira-Cloud/qaq-p/1471186 

On Data Center you can, but not in Cloud. 

Kind regards, Rik 

[Paul Ceronio]

Hi @Rik de Valk ,

Can you please explain how to change the color of the "Share with Customer" / "Comment internally" buttons in Data Center?

I've read the old contribution here about editing the Announcement Banner but that doesn't seem to work anymore.

Thanks and regards

Paul

[Rik de Valk]

Hi @Paul Ceronio , 

The Announcement Banner 'injection' still works. But the CSS selector has changed due to changes in the front end.

I've now tested this on version 10.3.12 and I got it to work with this CSS: 

<style type="text/css">
button[data-testid="comment-external-submit-button"] {
  background-color: red;
}

button[data-testid="comment-internal-submit-button"] {
  background-color:green;
}
</style>

This looks like this: 

Have a nice day! Rik 

[Paul Ceronio]

Brilliant! Thanks Rik!