# Marks

The following text is **bold** and *italic*. Styles can also be ~~***combined***~~.

Keyboard maks <kbd>X</kbd> + ~~<kbd>***Y***</kbd>~~ + <kbd>**Ctrl**</kbd> + <kbd>⌘</kbd>

Other styles includes `code text` and <mark style="color:purple;">colored text</mark>.

And super<sup>script</sup> and sub<sub>script</sub>.

## Colors

Text colors:

* <mark style="color:purple;">Purple</mark>
* <mark style="color:blue;">Blue</mark>
* <mark style="color:red;">Red</mark>
* <mark style="color:orange;">Orange</mark>
* <mark style="color:yellow;">Yellow</mark>
* <mark style="color:green;">Green</mark>
* <mark style="color:$primary;">Primary</mark>
* <mark style="color:$info;">Info</mark>
* <mark style="color:$success;">Success</mark>
* <mark style="color:$warning;">Warning</mark>
* <mark style="color:$danger;">Danger</mark>

Background colors:

* <mark style="background-color:purple;">Purple</mark>
* <mark style="background-color:blue;">Blue</mark>
* <mark style="background-color:red;">Red</mark>
* <mark style="background-color:orange;">Orange</mark>
* <mark style="background-color:yellow;">Yellow</mark>
* <mark style="background-color:green;">Green</mark>
* <mark style="background-color:$primary;">Primary</mark>
* <mark style="background-color:$info;">Info</mark>
* <mark style="background-color:$success;">Success</mark>
* <mark style="background-color:$warning;">Warning</mark>
* <mark style="background-color:$danger;">Danger</mark>

Combined:

* <mark style="color:purple;background-color:purple;">Purple</mark>
* <mark style="color:blue;background-color:blue;">Blue</mark>
* <mark style="color:red;background-color:red;">Red</mark>
* <mark style="color:orange;background-color:orange;">Orange</mark>
* <mark style="color:yellow;background-color:yellow;">Yellow</mark>
* <mark style="color:green;background-color:green;">Green</mark>
* <mark style="color:$primary;background-color:$primary;">Primary</mark>
* <mark style="color:$info;background-color:$info;">Info</mark>
* <mark style="color:$success;background-color:$success;">Success</mark>
* <mark style="color:$warning;background-color:$warning;">Warning</mark>
* <mark style="color:$danger;background-color:$danger;">Danger</mark>