---
title: Appearance
description: Customize color mode, themes, contrast, and workspace backgrounds.
icon: palette
---

Appearance settings control Eigent's color mode, theme palette, contrast, and Workspace background.

## Open Appearance

1. Open the Eigent dashboard.
2. Select **Settings**.
3. Select **Appearance**.

> **Screenshot placeholder:** Add a screenshot of Appearance settings with color mode, theme selection, color controls, contrast, and Workspace background visible.

## Choose a color mode

Select:

- **Light**
- **Dark**
- **System**

System mode follows the operating-system appearance.

## Choose a theme

Built-in theme families include:

- Eigent
- CAMEL
- Claw
- Starfish

Additional customizable slots include Whale and Custom.

Light and dark mode can use different selected themes.

## Edit theme colors

Depending on the theme, configure:

- Accent
- Background
- Ink

Enter a six-digit hexadecimal color or use the color picker. Select **Apply** to keep the pending color.

## Adjust contrast

Use the contrast slider to increase or reduce separation between generated theme colors.

Review text, controls, borders, status colors, and focus indicators after changing contrast.

## Reset a theme

Use Reset to restore the selected theme to its default values. Custom values for that theme are removed.

## Choose a Workspace background

Available backgrounds include:

- Plain
- Grid
- Dot pattern
- Dashed lines
- Dotted lines
- Ruled lines

The background changes the main Workspace canvas and does not affect project files or agent output.

> **Video placeholder:** Add a 45-second MP4 showing light and dark mode, theme selection, custom accent color, contrast changes, and all Workspace backgrounds. Include captions.

## Accessibility guidance

- Keep text contrast high enough for comfortable reading.
- Check status colors in both light and dark mode.
- Avoid background patterns that reduce focus.
- Use System mode when the operating system manages accessibility preferences.

## Related guides

- [General settings](/settings/general)
- [Privacy](/settings/privacy)