Custom colors and HTML

You can configure your own message style, if predefined styles are not enough.

To do this you can use detailed settings of the message colour and add HTML with structure and style description in the message body

How to set colours in the message?

  1. Choose Message type ‘Custom’.
  2. Additional fields Background color, Text color, Icon, Icon color should appear.
  3. Choose predefined colours Atlassian.
  4. If you can’t find the right colour, press Select a custom color for manual colour selection.

Message colour can be set by code in dynamic templates.

Short example for HTML

You can display any HTML as a message. To do this select the Message type ‘Custom’ in the field settings.

<text style="background: black; color: white"> The white message on the black backgroud</text>

Or hex colors

<text style="background: #000000; color: #FFFFFF"> The white message on the black backgroud</text>

Colors: htmlcolorcodes.com

Attlassian Design System: atlassian.design/foundations/color


Dynamic templates - Examples
JavaScript - Examples