There are some standard CSS classes for buttons. Note: in some future graphical themes of the software, the colour might maintain the general connotations of the class/type but not match the actual colour name.
| CSS button class | Common purpose |
| btn-green | A button for accepting, saving, granting permission etc |
| btn-red | A button with a dangerous or destructive result: deleting something, carry out a dangerous action etc |
| btn-blue | A button for carrying out an action with no strong positive or negative connotation |
| btn-standard | A button with no associated action (other than e.g. closing a dialog) |
| btn-amber | Normally associated with a mild warning, without the full connotations of |
| btn-pink | (no common association) |
The default CSS for a button in the MyTrader platform is as follows. Override as necessary:
BUTTON {
background: var(--clr-transparent-wash3);
color: var(--clr-text);
border: solid 1px var(--clr-lowlight);
display: inline-block;
text-align: center;
border-radius: 4px;
cursor: pointer;
font-size: 13px;
padding: 5px 10px;
}