mdx-deck/docs/themes.md

# Themes

![](images/default.png)
Default

```js
export { default as theme } from '@mdx-deck/themes'
```

---

![](images/big.png)
Big

```js
export { big as theme } from '@mdx-deck/themes'
```

---

![](images/book.png)
Book

```js
export { book as theme } from '@mdx-deck/themes'
```

---

![](images/code.png)
Code

```js
export { code as theme } from '@mdx-deck/themes'
```

---

![](images/comic.png)
Comic

```js
export { comic as theme } from '@mdx-deck/themes'
```

---

![](images/condensed.png)
Condensed

```js
export { condensed as theme } from '@mdx-deck/themes'
```

---

![](images/dark.png)
Dark

```js
export { dark as theme } from '@mdx-deck/themes'
```

---

![](images/future.png)
Future

```js
export { future as theme } from '@mdx-deck/themes'
```

---

![](images/hack.png)
Hack

```js
export { hack as theme } from '@mdx-deck/themes'
```

---

<!--
![](images/lobster.png)
Lobster
-->

![](images/notes.png)
Notes

```js
export { notes as theme } from '@mdx-deck/themes'
```

---

<!--
![](images/rye.png)
Rye
-->

![](images/script.png)
Script

```js
export { script as theme } from '@mdx-deck/themes'
```

---

![](images/swiss.png)
Swiss

```js
export { swiss as theme } from '@mdx-deck/themes'
```

---

![](images/yellow.png)
Yellow

```js
export { yellow as theme } from '@mdx-deck/themes'
```

---

Poppins

```js
export { poppins as theme } from '@mdx-deck/themes'
```

---

Syntax Highlighter

```js
export { syntaxHighlighter as theme } from '@mdx-deck/themes'
```

---

Syntax Highlighter Prism

```js
export { syntaxHighlighterPrism as theme } from '@mdx-deck/themes'
```

---

Aspect 16:9

```js
export { aspect as theme } from '@mdx-deck/themes'
```

---

Aspect 4:3

```js
export { aspect43 as theme } from '@mdx-deck/themes'
```