> ## Knowledge Base Index
> Fetch the complete knowledge base index at: https://linkie.bio/help/sitemap.xml
> Use this file to discover available pages before exploring further.
> Pure-Markdown content can be obtained by appending a '.md' suffix to the content URLs listed in the sitemap (without the trailing slash).

# How to switch between light and dark mode

# How to switch between light and dark mode

###### **Step-by-step guide on how to switch between light and dark mode**

You can change your Linkie page appearance between light mode and dark mode. This helps you choose the style that best matches your page, brand, or content.

### Open the playground

Go to the [playground](https://app.linkie.bio/playground). Make sure you are editing the Linkie page you want to customize.

### Find the appearance control on desktop

On desktop, the **Appearance** control appears on the right side of the playground.

Use the **Dark** and **Light** buttons to choose which mode your Linkie page should use.

![](https://storage.crisp.chat/users/helpdesk/website/-/1/0/c/0/10c04ec9d8785f00/image_3ctew0.png =600x500)
### Switch appearance on mobile

On mobile, the appearance control appears as a small button instead of the full **Appearance** panel.

Tap the appearance button to switch between light mode and dark mode.

![](https://storage.crisp.chat/users/helpdesk/website/-/1/0/c/0/10c04ec9d8785f00/image_wsyyy.png =400x688)
### Check your appearance

After selecting **Dark** or **Light**, the appearance updates directly in the playground.

If the selected mode does not match your page style, switch back and compare both options.

Below you can find a dark mode versus light mode comparison.

![](https://storage.crisp.chat/users/helpdesk/website/-/1/0/c/0/10c04ec9d8785f00/step-3_1bpav8t.png =600x532)

---

### Things to note

* The appearance control changes the visual mode of your Linkie page.
* On desktop, use the **Appearance** panel on the right side of the playground.
* On mobile, tap the appearance button to switch modes.
* **Dark** mode uses a darker page style.
* **Light** mode uses a brighter page style.