More theme and color options for the Claude.ai chat interface
Preflight Checklist
- [x] I have searched existing requests and this feature hasn't been requested yet
- [x] This is a single feature request (not multiple features)
Problem Statement
I use Claude.ai daily for hours at a time — it's effectively a workspace for me. The current appearance settings (light/dark/system color mode and three font options: Default, Match System, Dyslexic Friendly) are functional but feel impersonal. Every other tool I spend significant time in — my IDE, my notes app, my terminal — lets me personalize the look so it feels like my space, which makes long sessions more pleasant and reduces visual fatigue. Claude.ai is the one heavy-use tool in my stack that doesn't, and it stands out because Claude as a product has so much personality everywhere else (the typing robot in Claude Code, the warm tone of the writing). The interface itself feels more clinical than the product it's housing.
Proposed Solution
Expand Settings > Appearance with personality-focused customization options:
- Accent color picker — a curated palette of preset accent colors (warm orange, sage green, lavender, rose, ocean blue, etc.) that affect buttons, highlights, my own message bubbles, and other UI accents. Doesn't need to be a full hex picker — 6–10 thoughtfully chosen presets would be plenty.
- Theme presets beyond light/dark — options like "sunset," "forest," "sepia/reading," "high contrast," "warm dark," "cool dark." Each preset bundles a coordinated background + accent + text color set so it feels intentional rather than chaotic.
- Expanded font choices — keep the three accessibility-focused options, but add 2–3 more for personality (a friendly serif, a rounded sans, something with a bit more character).
Ideally these would all live together in Settings > Appearance and apply across web and mobile.
Alternative Solutions
- I've looked at browser extensions like ClaudeBuff and Claudium that add custom themes/fonts/accent colors to Claude.ai. The fact that multiple third-party extensions exist specifically to fill this gap suggests real demand. The downside is they only work on web (not mobile), can break with UI updates, and I'd rather not run a third-party extension on a tool I use for sensitive work.
- I've tried just adjusting my OS-level color mode and accent color, but Claude.ai doesn't pick up OS accent color, only light/dark.
- Workaround for now is just… living with it.
Priority
Low - Nice to have
Feature Category
Other
Use Case Example
A typical day: I open Claude.ai in the morning to work through some JavaScript debugging, switch to brainstorming for a side project around lunch, and come back in the evening for personal stuff (planning, writing, casual chat). I'm in this interface for 4–6 hours across very different headspaces.
With the proposed feature, I'd set up a warm accent (sage green, say) and a sepia-leaning theme for evening use because it's easier on my eyes after a long workday, while keeping the default crisp dark theme for daytime focused work. Even better if I could quickly toggle between two saved looks the way I switch between IDE themes. The point isn't that any single option is critical — it's that being able to make the space feel like mine changes my relationship with the tool from "thing I use" to "thing I enjoy using."
Additional Context
- Similar features in other tools: VS Code (full theme marketplace), Notion (accent colors per workspace), Linear (theme presets), Things 3 (curated accent palette). The Linear approach in particular — a small set of beautifully designed presets rather than infinite customization — feels most aligned with Claude's design sensibility.
- Third-party extensions filling this gap today: ClaudeBuff, Claudium, and several others on the Chrome Web Store with strong ratings.
- Technical consideration: this is presumably mostly a CSS variable / design token swap, since the interface already supports light/dark theming. Adding a few more preset bundles should be lower-effort than building a full theme editor.
- Not asking for: full custom CSS, hex color pickers, or anything that would dilute Claude's design identity. Curated presets only — keep it tasteful.
Thanks for considering!
This issue has 2 comments on GitHub. Read the full discussion on GitHub ↗