[FEATURE] Visually distinguish user messages from Claude's replies in the chat view

[rrangraj]

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

When I scroll back through a long conversation in the Claude Code VSCode extension, I can't quickly find my own messages. My typed prompts and Claude's replies are rendered with the same visual styling, so my text blends into the wall of assistant output.

This matters because I frequently need to re-read what I asked, find a specific instruction I gave earlier, or jump back to the point where a task started. Today the only way is to scroll slowly and read everything until I recognize my own wording.

The chat panel also doesn't respect the VSCode color theme or workbench.colorCustomizations, so I can't fix this myself with existing settings.

Proposed Solution

Give user messages a distinct visual treatment from assistant messages in the conversation view. Any of these would solve it:

1. A clear visual difference by default — e.g. user messages in a tinted background bubble, a colored left border, or a "You" label/icon.
2. A setting in settings.json to customize user vs assistant message appearance (background color, border, prefix).
3. Have the chat panel honor the active VSCode color theme / workbench.colorCustomizations so I can style it myself.

Bonus: a keyboard shortcut to jump between user messages (e.g. next/previous prompt), since today only Ctrl+Home / Ctrl+End exist.

Alternative Solutions

• I manually prefix my messages with markers like ">>" or "Q:" so I can spot them when scrolling. Works but is tedious and easy to forget.
• I use session history search to find a past exchange by keyword, but that's for locating known text, not for scanning.
• Tools like ChatGPT and Claude.ai web already render user messages in a distinct bubble aligned/styled differently from assistant replies, which makes them easy to scan.

Priority

Medium - Would be very helpful

Feature Category

Configuration and settings

Use Case Example

1. I'm in a 30+ message session debugging a backend issue in the Claude Code VSCode extension.
2. Twenty messages back I gave Claude a specific constraint ("don't touch the auth middleware").
3. I need to re-read exactly how I phrased it.
4. Today: I scroll up and read through long assistant replies until I recognize my own text.
5. With this feature: my messages stand out (tinted bubble / colored border), so I scan straight to it in seconds — or press a "previous user message" shortcut to land on it directly.
6. This saves time and avoids losing my place in the conversation.

Additional Context

Confirmed current behavior: the extension has no setting to style user vs assistant messages, the chat panel ignores VSCode theme and workbench.colorCustomizations, and there is no shortcut to navigate between user messages (only Ctrl+Home/Ctrl+End scroll to start/end).

Reference: Claude.ai web and other chat tools already render user turns in a visually distinct bubble — same pattern would work here.

[github-actions]

Found 3 possible duplicate issues:

1. [FEATURE] Native VSCode extension: customizable background color for user messages #65857
2. [FEATURE] [Feature Request] Improve long conversation UX: message color distinction + conversation navigator #69057
3. [FEATURE] Add setting to right-align user messages in chat UI #56618

This issue will be automatically closed as a duplicate in 3 days.

• If your issue is a duplicate, please close it and 👍 the existing issue instead
• To prevent auto-closure, add a comment or 👎 this comment

🤖 Generated with Claude Code

[vicmunoz]

Wrong chain of duplicates feature requests
All those Feature requests ends in an already duplicated #39902. However that FR (39902) request modifications on timestamps and colors. That FR (39902) was closed as duplicated of #21051 (that its open currently) but only handles timestamps, not colors customization.