---
title: "Themes"
description: "Personalize the web app with color themes and light, dark, or system mode."
canonical_url: "https://docs.basicmemory.com/cloud/themes"
---
# Themes

> Personalize the web app with color themes and light, dark, or system mode.

The Basic Memory web app ships with a set of curated color themes, each with coordinated palettes for light and dark mode. Pick both under **Settings → General**, in the **Look & Feel** card.

<docs-video alt="Choosing a theme and color mode" poster="/videos/posters/docs-themes.png" src="https://docs.basicmemory.com/videos/docs-themes.mp4">



</docs-video>

---

## Color mode

Use the **Mode** control to choose **Light**, **Dark**, or **System**. System follows your operating system's preference and switches automatically.

---

## Choosing a theme

The **Theme** control shows a row of color swatches — each previews a theme's palette, labeled with the theme's name. Click a swatch to apply it instantly, no save needed.

- Themes and mode are independent: every theme has coordinated colors for both light and dark, so switching mode keeps your theme.
- Theme choices are saved locally in this browser — pick your theme on each device you use.
- The theme applies across the whole app — sidebar, editor, preview, and settings.

Try a few — clicking around is faster than reading about them.

---

## Next Steps

<card-group>
<card icon="i-lucide-layout-panel-left" title="Web App Guide" to="https://docs.basicmemory.com/cloud/web-app">

The full tour — editing modes, shortcuts, projects, and settings.

</card>

<card icon="i-lucide-keyboard" title="Keyboard Shortcuts" to="https://docs.basicmemory.com/cloud/note-editor#keyboard-shortcuts">

Switch view modes and run commands without the mouse.

</card>
</card-group>


## Sitemap

See the full [sitemap](https://docs.basicmemory.com/sitemap.md) for all pages.