claude-code - 💡(How to fix) Fix More theme and color options for the Claude.ai chat interface [1 participants]

Official PRs (…)
ON THIS PAGE

Recommended Tools

×6

Utilities matched from this issue’s tags and category — try them while you read without losing context.

GitHub issue graph ai analysis

Paste a GitHub issue URL. We fetch that issue, discover linked issues from bodies/comments/timeline, collect linked pull requests, and produce a structured English report.

The report is written in English Markdown for sharing and archival.

Helpful · Quick feedback

Loading…
GitHub stats
anthropics/claude-code#55635Fetched 2026-05-03 04:48:20
View on GitHub
Comments
0
Participants
1
Timeline
3
Reactions
0
Author
Participants
Timeline (top)
labeled ×2unlabeled ×1

Root Cause

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.

Fix Action

Fix / Workaround

  • 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.
RAW_BUFFERClick to expand / collapse

Preflight Checklist

  • I have searched existing requests and this feature hasn't been requested yet
  • 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:

  1. 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.
  2. 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.
  3. 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!

extent analysis

TL;DR

Implementing a curated set of theme presets and accent color options in the Settings > Appearance section can enhance user personalization and experience.

Guidance

  • Consider adding 6-10 preset accent colors that affect UI accents, such as buttons and message bubbles, to provide users with a range of options.
  • Introduce 2-3 new theme presets, like "sunset" or "sepia/reading", that bundle background, accent, and text colors for a cohesive look.
  • Expand font choices to include 2-3 personality-focused options, while maintaining the existing accessibility-focused options.
  • Ensure that these customizations apply across both web and mobile platforms.

Example

No code snippet is provided as the issue focuses on design and feature requests rather than specific code implementation.

Notes

The implementation should prioritize maintaining Claude's design identity and avoid introducing full custom CSS or hex color pickers.

Recommendation

Apply a workaround by using third-party extensions like ClaudeBuff or Claudium, but note that these may have limitations, such as only working on web and potentially breaking with UI updates. A native solution would be preferable for a seamless user experience.

Vote matrix · Quick signals

Works
Did the solution work? Tap to confirm.
Easy Fix
Was it a quick fix?
Time Saver
Did it save you time?
Blocking
Was it severely blocking?
Common Issue
Are others likely hitting this too?
Flaky / Intermittent
Is it intermittent?
Verified / Reproducible
Can you reproduce it reliably?
Loading…

Still need to ship something?

×6

Another batch ranked right after the header list — different links, same matching logic.

Back to top recommendations

TRENDING

claude-code - 💡(How to fix) Fix More theme and color options for the Claude.ai chat interface [1 participants]