eigent/docs/settings/appearance.md
Tong Chen 97d7554438
Some checks failed
CodeQL Advanced / Analyze (actions) (push) Has been cancelled
CodeQL Advanced / Analyze (javascript-typescript) (push) Has been cancelled
CodeQL Advanced / Analyze (python) (push) Has been cancelled
Pre-commit / pre-commit (push) Has been cancelled
Test / Run Web + Local Brain Smoke (push) Has been cancelled
Test / Run Frontend Guardrails (push) Has been cancelled
Test / Run Python Tests (push) Has been cancelled
release: Eigent 1.0.0 (#1695)
Co-authored-by: Douglas <douglas.ym.lai@gmail.com>
Co-authored-by: Douglas Lai <115660088+Douglasymlai@users.noreply.github.com>
Co-authored-by: Cursor <cursoragent@cursor.com>
Co-authored-by: Tao Sun <168447269+fengju0213@users.noreply.github.com>
Co-authored-by: Weijie Bai <happy.regina.bai@gmail.com>
2026-06-17 00:29:35 +08:00

2.1 KiB

title description icon
Appearance Customize color mode, themes, contrast, and workspace backgrounds. 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.