Learn how to style text in Zoom messages using color, bold, and italic formatting with the style object and JSON configuration.

Zoom Chat app card builder tool

Styled text


Use the `style` object to add styles to messages. You can set the **color**, **boldness**, and or **italics** of a text on a message.

Some message types support styles differently, or not at all. See each section for specific style options.

- `color`:  Any **Hex color code** (For example, `#bada55`)
- `bold`:   Boolean (For example, **true** or **false**)
- `italic`: Boolean (For example, **true** or **false**)

Windows, Mac, and Android Zoom clients can render any combination of `bold` and `italic` simultaneously. But iOS cannot render `italic` when `bold` is `true`.

## Example

<Image src="/img/1560465706805.png" alt="Example" width={400} />

## JSON example

```json
{
  "head": {
    "text": "I am a styled header",
    "style": {
      "color": "#8338EC",
      "bold": true,
      "italic": false
    },
    "sub_head": {
      "text": "I am a styled sub header",
      "style": {
        "color": "#13C4A3",
        "bold": false,
        "italic": true
      }
    }
  },
  "body": [
    {
      "type": "message",
      "text": "I am a message with styled text",
      "style": {
        "color": "#0099ff",
        "bold": false,
        "italic": false
      }
    }
  ]
}
```
