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

# Appearance

> Choose a preset theme or build your own palette.

Appearance changes the colors used across Chipper. You can choose a preset or customize your own palette.

Open your avatar → **Settings** → **Appearance**. Select a theme card to apply it immediately. The token chart updates with the rest of the app.

<Frame caption="Settings → Appearance theme presets">
  <img src="https://mintcdn.com/chipper/T38UeYGgGuW-Gmyk/assets/platform/appearance@2x.png?fit=max&auto=format&n=T38UeYGgGuW-Gmyk&q=85&s=bb5eb81e62fba8bedd2c5167952afaf9" alt="Appearance settings with Default, Deep, Soft, Purple, Red, Blue, Orange, Cyan, and Pink theme presets" width="1774" height="1392" data-path="assets/platform/appearance@2x.png" />
</Frame>

<Info>
  Your theme and custom colors stay on this device. They do not sync to your account.
</Info>

## Preset themes

Chipper includes nine preset themes.

| Theme       | Style                                                         |
| ----------- | ------------------------------------------------------------- |
| **Default** | The default green theme with balanced dark surfaces.          |
| **Deep**    | The default green accent with darker backgrounds and panels.  |
| **Soft**    | The default green accent with lighter backgrounds and panels. |
| **Purple**  | A purple primary accent with a subtle violet tint.            |
| **Red**     | A red primary accent with restrained warm surfaces.           |
| **Blue**    | A blue primary accent with restrained cool surfaces.          |
| **Orange**  | An orange primary accent with a subtle warm tint.             |
| **Cyan**    | A cyan primary accent with a subtle cool tint.                |
| **Pink**    | A pink primary accent with a subtle rose tint.                |

The color presets keep increase and decrease colors consistent. This makes trading signals recognizable when you switch themes.

## Custom themes

You get three custom slots: **Custom 1**, **Custom 2**, and **Custom 3**. Each slot stores a separate palette.

<Steps>
  <Step title="Select a custom slot">
    Click **Custom 1**, **Custom 2**, or **Custom 3** in the theme grid.
  </Step>

  <Step title="Choose your colors">
    Click a color swatch to use the picker, or enter a six-digit hex color.
  </Step>

  <Step title="Review the app">
    Changes apply immediately across the interface and token chart.
  </Step>
</Steps>

### Interface colors

* **Accent** controls primary actions, selected states, and focus rings.
* **Background** controls the main app surface.
* **Panels** controls cards, dialogs, and popovers.
* **Raised surfaces** controls muted and elevated controls.
* **Borders** controls separators and outlines.

### Text colors

* **Primary** controls the strongest text.
* **Secondary** controls supporting text.
* **Muted** controls low-emphasis labels and descriptions.

### Trading colors

* **Increase** and **Decrease** control positive and negative values.
* **Candle up** and **Candle down** control token-chart candles and related chart marks.

## Switch or reset

Select any preset to leave a custom theme. Chipper keeps the custom slot unchanged so you can return to it later.

Click **Reset** while editing a custom slot to restore that slot to the **Default** palette. The other custom slots are not changed.