Colors!

This is an MDX file, which means it can contain markdown.

The codeblock below is highlighted during build time with shiki, using my VS Code theme Karma and with the help of remark and rehype plugins.

This is a "normal" link (opens in a new tab)

Table of Contents

• Unordered list
• Ordered list

Unordered list

This is an MDX file, which means it can contain markdown.

The codeblock below is highlighted during build time with shiki, using my VS Code theme Karma and with the help of remark and rehype plugins.

This is a "normal" link (opens in a new tab)

• Item 1
• Item 2
• Item 3

Ordered list

1. Item 1
2. Item 2
3. Item 3

An MDX Title component with Colors!

TS
1const htmlEscapes = {
2  "&": "&",
3  "<": "&lt;",
4  ">": "&gt;",
5  // eslint-disable-next-line quotes
6  '"': "&quot;",
7  "'": "&#39;",
8} as const;
9
10function escapeHtml(html: string) {
11  return html.replace(
12    /[&<>"']/g,
13    (chr) => htmlEscapes[chr as keyof typeof htmlEscapes]
14  );
15}