Forums

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

Setting the button color using RGB or hex

Kami Shahi
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 10, 2018

On 6.6.7 and using UI Button macro. The Modify option lists small number of colors for the button. I'd like to specify a RGB or hex value in the XML. Is there a way to do so?

Thanks!

1 answer

1 vote
Ryan Fish
Rising Star
Rising Star
Rising Stars are recognized for providing high-quality answers to other users. Rising Stars receive a certificate of achievement and are on the path to becoming Community Leaders.
September 10, 2018

@Kami Shahi

you can use CSS under >> spacetools/ stylesheet.

similar to below:


.aui-button.aui-button-primary, .aui-button.aui-button-primary:visited {
background: #efefef;
border-color: #205081;
border: .5px solid #000000;
color: #000000;
font-weight: bold;
-webkit-font-smoothing: antialiased;
}
.aui-button, a.aui-button, .aui-button:visited {
background: #efefef;
border-color: #205081;
border: .5px solid #000000;
color: #000000;
-webkit-font-smoothing: antialiased;

Kami Shahi
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 10, 2018

Thanks Ryan - I appreciate the thoughtful answer.

Your solution applies to the stylesheet and all buttons based on the stylesheet definition, right? This type of change is applied to all pages based on the modified CSS, right?

I should have been more clear: I'd like to change the color for only one button instance on only one page. Any tips for such a targeted change?

Best!

Ryan Fish
Rising Star
Rising Star
Rising Stars are recognized for providing high-quality answers to other users. Rising Stars receive a certificate of achievement and are on the path to becoming Community Leaders.
September 11, 2018

@Kami Shahi

You can do the same on single pages using source editor, "< >" button near the top right.

Enjoy!

Suggest an answer

Log in or Sign up to answer
TAGS
AUG Leaders

Atlassian Community Events