How to Customize Claude AI — Background, Colors & Theme
Updated: July 28, 2026 · 2-minute read
Claude's interface is deliberately minimal, and the only appearance option is light or dark. If you write or research in Claude for hours, a custom background and color theme make a real difference. Here's how to customize Claude.ai in about two minutes.
Step 1 — Install the extension
Add Chroma AI from the Chrome Web Store and pin it using the puzzle-piece icon in Chrome's toolbar.
Step 2 — Open Claude and launch the sidebar
Go to claude.ai and click the pinned Chroma AI icon. The editor slides in from the right with presets, background upload, glass controls and fonts.
Step 3 — Choose a theme or background
- Color presets — 12 free hand-tuned themes. Midnight gives Claude a deeper dark mode; Ocean and Forest keep things calm for long reading.
- Your own image or GIF — upload a photo, artwork or animated wallpaper as the Claude background.
- Community themes — apply a design from the Theme Gallery in one click.
Step 4 — Refine it for long sessions
Claude is a reading- and writing-heavy tool, so comfort matters more than flash:
- Glass blur & opacity — keep the message column crisp over any background.
- Color overlay — tint the interface to reduce contrast harshness at night.
- Fonts (Pro) — swap Claude's default typeface for something easier on your eyes.
- Saved presets (Pro) — keep a bright "daytime" look and a dark "late-night" look, and switch in one click.
Frequently asked questions
Q. Can you change the theme in Claude?
Claude.ai has light and dark only. Custom colors, backgrounds and fonts require a browser extension.
Q. Does customizing Claude affect my conversations?
No. Chroma AI restyles the page on the client side and never reads, collects or transmits conversation content.
Q. Can Claude look different from my ChatGPT?
Yes — each platform stores its own theme, so Claude, ChatGPT and Gemini can all look completely different.