# 💻 How to add colour or highlight

**URL:** https://meta.discourse.org/t/how-to-add-colour-or-highlight/198815
**Category:** Support
**Created:** [August 1, 2021, 1:05pm UTC](https://meta.discourse.org/t/how-to-add-colour-or-highlight/198815 "2021-08-01T13:05:12Z")
**Posts on this page:** 5
**Page:** 1

<div class="post-metadata">

### Author: ![Percy\_Jackson](https://sea3.discourse-cdn.com/meta/user_avatar/meta.discourse.org/percy_jackson/32/229510_2.png) [@Percy\_Jackson](https://meta.discourse.org/u/Percy_Jackson)
#### Post date: [August 1, 2021, 1:05pm UTC](https://meta.discourse.org/t/how-to-add-colour-or-highlight/198815/1 "2021-08-01T13:05:12Z")

</div>

Is there any shortcut to add this\>

---

<div class="post-metadata">

### Author: ![Benjamin\_D](https://sea3.discourse-cdn.com/meta/user_avatar/meta.discourse.org/benjamin_d/32/277831_2.png) [@Benjamin\_D](https://meta.discourse.org/u/Benjamin_D)
#### Post date: [August 1, 2021, 1:19pm UTC](https://meta.discourse.org/t/how-to-add-colour-or-highlight/198815/2 "2021-08-01T13:19:20Z")

</div>

`<del>delete</del>`  
~~delete~~  
`<ins>insert</ins>`  
insert

for more: [Discourse BBCode](https://meta.discourse.org/t/discourse-bbcode/65425)

---

<div class="post-metadata">

### Author: ![JammyDodger](https://sea3.discourse-cdn.com/meta/user_avatar/meta.discourse.org/jammydodger/32/254611_2.png) [@JammyDodger](https://meta.discourse.org/u/JammyDodger)
#### Post date: [August 1, 2021, 1:20pm UTC](https://meta.discourse.org/t/how-to-add-colour-or-highlight/198815/3 "2021-08-01T13:20:56Z")

</div>

And now:

`<mark> mark </mark>`

for yellow too

---

<div class="post-metadata">

### Author: ![Canapin](https://sea3.discourse-cdn.com/meta/user_avatar/meta.discourse.org/canapin/32/119591_2.png) [@Canapin](https://meta.discourse.org/u/Canapin)
#### Post date: [August 1, 2021, 2:00pm UTC](https://meta.discourse.org/t/how-to-add-colour-or-highlight/198815/4 "2021-08-01T14:00:26Z")

</div>

Brown on the default dark theme apparently! 😉

![image](https://global.discourse-cdn.com/meta/original/3X/3/9/3906b54f13db595a6004542031455e25b1eb489b.png)

* * *

If you need more colors, you can wrap the text in spans like this:

```xml
<span data-theme-red>this text will be red</span>

```

And customize the color with CSS such as:

```css
[data-theme-red] {
  background-color: red;
}

```

You can see a live example here, where I set colors to highlight returned, broken or stolen unicycle parts on a wiki topic: [📜 [Wiki] Schlumpf hub serial numbers reference - Unicycles and Equipment - Unicyclist.com](https://unicyclist.com/t/schlumpf-hub-serial-numbers-reference/106130)

 ![image](https://global.discourse-cdn.com/meta/original/3X/2/c/2c1e352847e3bce324f067b1ea031123aeacf21a.png)

---

<div class="post-metadata">

### Author: ![JammyDodger](https://sea3.discourse-cdn.com/meta/user_avatar/meta.discourse.org/jammydodger/32/254611_2.png) [@JammyDodger](https://meta.discourse.org/u/JammyDodger)
#### Post date: [August 1, 2021, 2:08pm UTC](https://meta.discourse.org/t/how-to-add-colour-or-highlight/198815/5 "2021-08-01T14:08:16Z")

</div>

> [@Canapin](#):
>
> Brown on the default dark theme apparently! 😉

I didn’t even consider the changes in a dark theme. I should’ve stuck with: 🙂

`<mark> mark </mark>`  
 mark

Flipping to the air-dark theme on meta, the mark highlight is a lovely shade of lilac. 🙂