> ## Documentation Index
> Fetch the complete documentation index at: https://docs.wisepim.com/llms.txt
> Use this file to discover all available pages before exploring further.

# Appearance Settings

> Make WISEPIM comfortable for daily work. Pick a dark or light theme, set the font size, and turn UI effects on or off.

Set how WISEPIM looks and feels so it is easy on your eyes during long product sessions. Pick a theme, choose a font size, and toggle a few interface effects. Every change applies right away.

## Pick a theme

<img className="block dark:hidden" src="https://mintcdn.com/swiftsyncai/oG85AGnJONMq8ZV1/images/marketing-screenshots/settings/settings-appearance-light-branded.webp?fit=max&auto=format&n=oG85AGnJONMq8ZV1&q=85&s=b00e991eb150f64a28e5442a6c58c401" alt="WISEPIM appearance settings with theme and density controls" width="2400" height="1445" data-path="images/marketing-screenshots/settings/settings-appearance-light-branded.webp" />

<img className="hidden dark:block" src="https://mintcdn.com/swiftsyncai/Q3dIqlj_CJMF6Idi/images/marketing-screenshots/settings/settings-appearance-dark-branded.webp?fit=max&auto=format&n=Q3dIqlj_CJMF6Idi&q=85&s=759835654ac6d9cb3d74e6207f15ab86" alt="WISEPIM appearance settings with theme and density controls" width="2400" height="1445" data-path="images/marketing-screenshots/settings/settings-appearance-dark-branded.webp" />

WISEPIM ships with several dark and light themes. Click a theme card to apply it instantly. There is nothing to save.

<Tip>
  Each theme card previews its colors: background, sidebar, content area, and accent. Compare them at a glance before you pick one.
</Tip>

### Dark themes

| Theme             | Description                                      |
| ----------------- | ------------------------------------------------ |
| **WISEPIM Dark**  | The default dark theme with WISEPIM brand colors |
| **One Dark Pro**  | Inspired by the popular Atom editor theme        |
| **Dracula**       | Purple-accented dark theme                       |
| **Monokai**       | Classic code editor color scheme                 |
| **Nord**          | Cool, arctic-blue palette                        |
| **Tokyo Night**   | Calm, blue-tinted dark theme                     |
| **Synthwave '84** | Vibrant retro neon colors                        |
| **Gruvbox Dark**  | Warm, earthy dark tones                          |
| **Rose Pine**     | Soft, muted dark theme with rose accents         |

### Light themes

| Theme               | Description                                       |
| ------------------- | ------------------------------------------------- |
| **WISEPIM Light**   | The default light theme with WISEPIM brand colors |
| **GitHub Light**    | Clean, GitHub-inspired light theme                |
| **Solarized Light** | The classic Solarized palette in light mode       |
| **Dutch Orange**    | Light theme with warm orange and blue accents     |
| **Atom One Light**  | Light counterpart to the One Dark Pro theme       |
| **Rose Pine Dawn**  | Soft, warm light theme with rose accents          |

## Set the font size

Use the dropdown next to the **Font size** label to switch sizes:

| Size            | Pixels |
| --------------- | ------ |
| Small           | 14px   |
| Medium          | 16px   |
| Large (default) | 18px   |

## Tune interface effects

| Setting            | What it does                                                                       |
| ------------------ | ---------------------------------------------------------------------------------- |
| **Translucent UI** | Adds a frosted-glass look to elements like the sidebar and dialogs                 |
| **Pointer Cursor** | Shows a pointer cursor over clickable elements. Turn it off for the default cursor |

<Info>
  Appearance preferences save locally and apply right away. They stay set across sessions in the same browser.
</Info>

## Related

<CardGroup cols={2}>
  <Card title="Account" icon="user" href="/en/settings/account">
    Update the name and email tied to your WISEPIM login.
  </Card>

  <Card title="Language" icon="languages" href="/en/settings/language">
    Set the interface language for your account.
  </Card>

  <Card title="Command Menu" icon="search" href="/en/essentials/command-menu">
    Jump to any page or action with one keyboard shortcut.
  </Card>

  <Card title="Settings overview" icon="settings" href="/en/settings/overview">
    Browse every personal and project setting in one place.
  </Card>
</CardGroup>