Skip to end of metadata
Go to start of metadata

You are viewing an old version of this page. View the current version.

Compare with Current View Page History

« Previous Version 5 Next »

If you are going to use colors, we suggest that you use the same colors used by JIRA so that you will get a consistent look and feel. You can find color pallets used by JIRA here.

CSS StylePreview
color: orange;


color: #E74C3C;


background-color: #14892c;
color: white;

background-color: #14892c;
color: white;
padding: 5px;
width: 130px;
border-radius:4px;
text-align: center




color:  #14892c;
font-style: italic;


background-color: white;
color: #594300;
padding-right: 3px;
padding-left: 3px;
border-radius: 4px;
border: 2px solid #ffe28c;
text-transform: uppercase;
text-align: center


Style each option as shown in the following example but with different colors.

You can also adjust width and height values to make circle bigger or smaller.

background-color:#14892c;
color:#14892c;
width: 30px;
height: 30px;
border-radius:50%;
display: flex; 
justify-content:center;

  • No labels