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 Style

Preview


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;