# Mark

Use the mark shortcode to highlight text.

## Overview

Added in v0.19.0

Use the `mark` shortcode to highlight text. The inner content is used as input.

### Default highlight

Provide the text to highlight as input to the `mark` shortcode.

```markdown
Use the mark shortcode to {{< mark >}}highlight{{< /mark >}} specific text.
```

### Colored highlight

Specify a theme color to define the background color of the highlighted text. As an example, the following shortcodes display a highlight for each theme color.

```markdown
- Use the mark shortcode to {{< mark color="primary" >}}highlight{{< /mark >}} specific text.
- Use the mark shortcode to {{< mark color="secondary" >}}highlight{{< /mark >}} specific text.
- Use the mark shortcode to {{< mark color="success" >}}highlight{{< /mark >}} specific text.
- Use the mark shortcode to {{< mark color="danger" >}}highlight{{< /mark >}} specific text.
- Use the mark shortcode to {{< mark color="warning" >}}highlight{{< /mark >}} specific text.
- Use the mark shortcode to {{< mark color="info" >}}highlight{{< /mark >}} specific text.
- Use the mark shortcode to {{< mark color="light" >}}highlight{{< /mark >}} specific text.
- Use the mark shortcode to {{< mark color="dark" >}}highlight{{< /mark >}} specific text.
```

## Arguments

The shortcode supports the following arguments:

| Name | Type | Required | Default | Description |
| --- | --- | --- | --- | --- |
| `class` | string |  |  | Class attributes of the element. It supports Bootstrap attributes to modify the styling of the element. |
| `color` | select |  |  | Theme color of the element. Supported values: [`primary`, `secondary`, `success`, `danger`, `warning`, `info`, `light`, `dark`, `white`, `black`, `body`, `body-tertiary`]. |